Why there are space between the Grid items?


In the webpage project i am working on i noticed there are large spaces between the Grid items. Why is that?

Link to the Webpage
The Link

Looks like your formatting isn’t correct. Take a look at this website for reference. It has been awesome for me. W3Schools

Not sure what spaces you are talking about but the figure element has some default margin.

You can remove any margin on the grid child elements and use grid-gap (or just gap as it is now called) on the grid container instead.

1 Like

If figure or any element has a margin it will cause a large gaps as shown here.

That is what I said. That is how margin works.

You can just remove any margin and use grid-gap instead if you do want any space between the grid items.

hmmm. i am just surprised by the huge space.

Thanks for the info