Responsive component using CSS and FlexBox

Great job! Your code is super clean, and the CSS is easy to read. I have been researching the solutions to this challenge here at Frontend Mentor and yours is one of the best.

As to the mobile first approach: it is a real pain. The cramped space limits ones creativity. That said, whether or not it is the "best" approach depends on your situation: are you in a team/company that requires it? Is it important to your clients? Evidence shows that most web content these days is consumed on mobile devices. So, coding mobile first is a way to ensure the best user experience for these individuals. On the other hand, if you are not looking to get hired as a frontend developer, then mobile first/ desktop first becomes a preference.

Hi TonyAppiah,

It makes much more sense to start with Mobile First. It will make working on your projects like these much more easy! When you look at the design of the Mobile First version you can see that the elements are in order from top to bottom. This is in the exact order you would write the html. You then only have to add the css styling in the same order as if you're building blocks from top to bottom. When that's done you can start with the Desktop version with media queries. It makes the working process much more smooth & easy (in my opinion).

Hope this helps.