Skip to content
Submitted about 1 year ago

Product Preview Card Component

Alessandro-jpg•70
@Alessandro-jpg
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

Second project .I measured my time developing this exercise and the result was 1h/8mins/32sec. I think I am improving my skills. Any questions or advice you have, feel free to comment.

Community feedback

  • P. Ricardo•2,370
    @pRicard0Posted about 1 year ago

    CSS tips

    • Why are you using transform: translateY(200px);? You do not have to use that. You are unable to center the card because your body tag does not occupy the entire screen. You need to add the following code:
    body {
    min-height: 100vh;
}
    • You can make your button look more like a button with cursor: pointer
    Marked as helpful
    1
    Alessandro-jpg•70
    @Alessandro-jpgPosted about 1 year ago

    @pRicard0 i need to work on that

    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