Skip to content
Submitted over 2 years ago

Preview-Card only whith html and css

Benjamin Mancuello•40
@Mancux2premium
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

Hello everyone, this is my solution for the product-card-component exercise, I was practicing the css with respect to the previous project, I would like you to tell me what you think, and how the change of image could be improved with respect to this given solution. Thank you

Community feedback

  • Tom Golding•250
    @ComanderPotatoPosted over 2 years ago

    Looks good, got really close to the original! Adding some padding for the product description would add a little more whitespace around the element and make it more readable and appealing to look at, as well as having a single margin line that the descriptive elements are pushed against on the left side as it appears the h1 and button arent left aligned like the other elements. But other than that you did a good job congrats!

    Marked as helpful
    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