@JeuriMorel
Posted
The easiest way to center an item is to make its parent a flex box, so I would give the body
the following:
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
the min-height
is so that it takes up the full screen. This will perfectly center the grid section once you remove the margin-top
on it.
The grid section appears to be too wide, so I would give it a max-width
of something more pleasing and closer to the design, maybe 1200px
or so.
Marked as helpful