All comments

• 

  Glozsa• 180

  @Glozsa

  Submitted over 1 year ago

  I love the grid

  

  Day #6 learning Front-End :D

  1

  30

  

  P

  Amy• 130

  @aeposten

  Posted over 1 year ago

  Great work! I noticed when previewing the site that you have a persistent vertical scroll bar. This is because of the default margin of 8px that is added to the body. You can override this by setting the margin on the body to 0.

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Els G• 180

  @elsgoossens

  Submitted almost 2 years ago

  Thanks for all the valuable feedback, I learned a lot with this challenge. Awsome !

  

  HTML, CSS

  2

  40

  

  P

  Amy• 130

  @aeposten

  Posted almost 2 years ago

  The gap below your image is because your image is rendered as an inline element by default. If you change the display property of the div it's nested in (the one with class of main-img), it will remedy this. This article on Geeks for Geeks does a great job of explaining why this happens: https://www.geeksforgeeks.org/how-to-get-rid-of-the-gap-under-the-image/

  Marked as helpful

  2
• 

  Fathima Nuha• 30

  @Fathima-Nuha

  Submitted almost 2 years ago

  I want to why the flexbox has made a gap between the image and the content below. the image gap wasn't able to remove.

  

  Fathima-Nuha-Product-card-mobile-view

  2

  30

  

  P

  Amy• 130

  @aeposten

  Posted almost 2 years ago

  The gap below your image is because your image is rendered as an inline element by default. If you change the display property to remedy this. This article on Geeks for Geeks does a great job of explaining why this happens: https://www.geeksforgeeks.org/how-to-get-rid-of-the-gap-under-the-image/

  Marked as helpful

  0

  This comment has received 1 replyShow