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 Component

donovangg 80

@donovangg

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


Nothing really special. Might have missed some vertical padding or more...

Community feedback

P

@mikehwebdev

Posted

This looks really good. The biggest differences I see are margin/padding on top of "Perfume", line-height on the "Gabrielle Essence Eau De Parfum" and padding on the button itself. This will bring the elements in the right hand column down a bit and more closely match the design I think. :)

Marked as helpful

0

donovangg 80

@donovangg

Posted

@mikehwebdev Thank you! When I uploaded and used FE Mentors slider showing the solution and submission, it looked off lmao

0
P

@mikehwebdev

Posted

@donovangomez yeah I drive myself a bit crackers with it tbh sliding back and forth!

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