Skip to content
Submitted 12 months ago

product-preview-card-component

YarceFM•60
@YarceFM
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

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,310
    @danielmrz-devPosted 12 months ago

    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
    @YarceFMPosted 12 months ago

    @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

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