Easy horizontal and vertical centering in CSS
Centering elements with CSS is completely trivial these days and this little snippet will do exactly that for you, using CSS Grid.
- Code language
- CSS
body {
display: grid;
place-items: center;
}
If you apply it to the body, make sure you add min-height: 100vh
too, but also, be wary of issues that can cause with iOS.