Skip to content
Submitted about 1 year ago

Product Preview Component Card using vanilla HTML & CSS

Jordan Bugglin•170
@Jbugglin
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

Any advice for what I can do to not only improve this project, but in projects from now on will be greatly appreciated. How can I do this better?

Community feedback

  • MaximilianoDanielGarcia•1,980
    @MaximilianoDanielGarciaPosted about 1 year ago

    Hi Jordan! Great job!

    I've visited your live site and here some details that you can change it quickly.

    .productDetails {
    padding: 1.6rem;
}

.heroImage {
    height: 100%;
}

    And for future challenges you can use a browser extension called Perfect Pixel that allow you to compare with the design image.

    Let me know if these was useful.

    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