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-preview-card-component

YarceFM 60

@YarceFM

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


I applied vanilla HTML and CSS and did it with desktop first and it was horrible trying to adapt things for mobile later.

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @YarceFM!

Try the other way around. It's really harder to create desktop version and then adapt to mobile screen sizes.

I'm talking about the mobile first approach. It's easier to create the desktop version once the mobile one is finished!

Hope it helps!

3
YarceFM 60

@YarceFM

Posted

@danielmrz-dev Yes! It is much easier to start with Mobile than with Desktop. I always work in that order, but this time I wanted to do it the other way around and I suffered a lot. Thank you very much for the feedback

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