Skip to content
Submitted about 1 year ago

Product Preview Component

donovangg•80
@donovangg
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

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

Community feedback

  • Michael Hatton•270
    @mikehwebdevPosted about 1 year ago

    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
    @donovanggPosted about 1 year ago

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

    0
    Michael Hatton•270
    @mikehwebdevPosted about 1 year ago

    @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

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