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 with HTML and CSS

Y-Ismail 30

@Y-Ismail

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


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

P
ssbc0882 40

@ssbc0882

Posted

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
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