Product preview card component

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  To center .card on the page using flexbox, add min-height: 100vh to the body and there is no need to give the body a margin value.

  Changer the grid-template-columns value for .card to 1fr 1fr or repeat (2, 1fr). There is no need to give .card position relative.

  .card{
  max-width: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
  

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0

  ---

  

  Felipe Salazar•140

  @andressalazar08Posted almost 2 years ago

  @Hassiai Thank you for the feedback, I'm going to check and improve my solution. Have a nice day.

  0

  

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  @andressalazar08 your live page is not available.

  0

  

  Felipe Salazar•140

  @andressalazar08Posted almost 2 years ago

  @Hassiai Thanks, I guess now you can access.

  1