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.

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.

Advert