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

Product card preview using flex

@Radiyyah

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


For best practices, should one begin with the mobile or desktop view when styling.

Community feedback

Cas 210

@iguanasplit

Posted

hey! from my understanding, the best practice is to start with mobile first since its the sizing with most limitations regardings sizing. so while you can re-style desktop completely by making a very detailed and complicated layout it may be imposible to replicate it in mobile version without sacrificing the user experience forcing you to reinvent a new layout, or make something entirely different, while if you make mobile first it tends to be easier to adapt.

a link that explains it clearer!: https://www.freecodecamp.org/news/taking-the-right-approach-to-responsive-web-design/

i hope that helped!

Marked as helpful

0

@Radiyyah

Posted

@iguanasplit it really helped thanks

1

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