Skip to content
Submitted 3 months ago

Product preview with HTML and CSS

Y-Ismail•30
@Y-Ismail
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?

I am not so proud as this took me over 2 hours and still not good yet Also I think it would have been better if I started with desktop first

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

I had challenge with the media queries

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

I will like help with best practice and advice on media query

Community feedback

  • ssbc0882•40
    @ssbc0882Posted 3 months ago

    Hi @Y-Ismail,

    Congrats on the solution. It looks close to the design shown on the website. In terms of improvement with media queries, one tip is if you prefer to develop the mobile or desktop side first. There were some line where there were some duplicate code. Once you decide to start mobile/desktop first, you can make the transition easier when you change from one query to another.

    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