Why there are space between the Grid items?

HTML-CSS
1

hi

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

2

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

3

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
4

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

Gap - portfolio
Gap - portfolio818×779 169 KB

5

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.

6

hmmm. i am just surprised by the huge space.

Thanks for the info