Centering a CSS grid

HTML-CSS
1

I’m trying to to place the grid beneath “Portfolio” in the centre of the page. I’ve wrapped it in a div and gave it “text-align: center” but it doesn’t want to work. Any help? project https://codepen.io/MarcelPenn/pen/rPMRWp

1 Like
2

Grid and flexbox have justify-content and align-items for centering.

.container {
  justify-content: center;
  ...
}
2 Likes
3

Could have sworn I tried that but I guess not lol. Thanks!

4

also look at the difference between justify-content and justify-items both are valid parameters in css grid, they work slightly different based on the circumstances.

6

Will definitely give it a read, thanks!

7

It is an awesome resource, they also have an equivalent article for flex-box. also worth the bookmark.