Product Preview Card

Community feedback

• 

  Favour•2,160

  @Nadine-GreenPosted almost 2 years ago

  HEY HAZEL!

  I would like to give some tips on how your code could possibly be improved.

  You will need to give the img a width and height of 100%, this will prevent it from expanding or contracting more than the container.

  You will also need to set a max-width, this will prevent your container from constantly expanding

  I see you also have an issue with centering, a quick fix for this would be the give the body a height of 100vh height:100vh then a display of grid display: grid and then using the code place-items: center

  HOPE I COULD BE OF HELP :)

  HAPPY CODING!

  Marked as helpful

  0

  ---

  

  P

  Hazel Dotson•300

  @Hazel-BlackPosted almost 2 years ago

  @Nadine-Green thank you so much on the new project i just finished i had another issue with centering it seems that i'm constantly missing with display: flex; Justify-content: center; Align-items: center. I will use that tip for centering from now on thank you also the width and height adjustments are awesome suggestions thank you <3

  0

  

  Favour•2,160

  @Nadine-GreenPosted almost 2 years ago

  @Hazel-Black

  Glad I could be of help

  0