Skip to content
Submitted 12 months ago

my solution for product preview card component

GauerS•30
@GauerS
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

Community feedback

  • Luan Barcaça•500
    @barcacaPosted 12 months ago

    Hello, Great job on completing the challenge.

    I have a suggestion:

    • Add the following to your CSS code:
    body {
  height: 100vh;
}

    This will set the <body> element's height to 100vh (viewport height), ensuring it occupies the entire browser window height, which helps center the card when using align-items: center; and justify-content: center;.

    Keep up the good work!

    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