Skip to content
Submitted 8 months ago

Mobile first product card using flexbox

Holger Mueller•410
@Holgermueller
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

What are you most proud of, and what would you do differently next time?

This was my first time tackling a project using the mobile-first methodology. I found it very easy and plan to use it more in future projects.

What challenges did you encounter, and how did you overcome them?

I tried building this using the desktop first methodology, and for some reason, I kept running into problems.

What specific areas of your project would you like help with?

If there are any glaring issues with spacing that I'm overlooking, feel free to let me know.

Community feedback

  • kaoutar ouadih•800
    @kaoutar-ouadihPosted 8 months ago

    Amazing work! I think it's preferable not to specify a height for the container this way it will be related to its content and help prevent content overflow, but aside from that Great job.

    Marked as helpful
    0

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