Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML & CSS Flex - 3 column preview card

Yue 90

@inumakie

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I designed the column view/mobile version first and then added a media query 'for viewports bigger than 376px...' do you think this approach is ok?

Any tips to improve this code? Thanks!

Community feedback

@lukasriha

Posted

Hi Yue!

Coding the mobile portion first and adding queries to fit larger screens is what is called the mobile first approach and is a widely used development strategy from what I understand. Happy coding :)

Marked as helpful

0

Yue 90

@inumakie

Posted

thanks! :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord