Product Card Component

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @veronisab,

  Congrats on completing the challenge, there is always room to improve you did a good job just a few small thing to iron out. On the body instead of a height: 100vh change it to min-height: 100vh to prevent content from overflowing.

  Set the background image size to cover to fill the container this will remove the white space underneath the image.

  On mobile change the height of the image container from 400px to 200px and add margin on all sides of maybe 2rem. Scale down the heading to 2rem on mobile to reduce the height of the card.

  Hope these help, let me know if you have any other questions.

  Marked as helpful

  0