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

Updated solution to Product Preview Component

@NeegarNaushabaIqbal

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


Can I get feedback on my work?

Community feedback

@tenze21

Posted

The overall design looks fine but I found some issue with the responsiveness your design seems to breakdown when the screen size is decreased I am not really sure what is causing the issue but I am doubting the use of your media queries and the way you have set the width and height of different elements I guess it would be better to set the width on the #main-div as a max-width and another thing is it is recommended to set font-sizes in rem/em. That's my suggestions ✌️.

Marked as helpful

1

@NeegarNaushabaIqbal

Posted

Thank you for your feedback @tenze21.

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