👋 Just a single CSS line for a perfect center layout

place-items is a shorthand property for align-items and justify-items and can be used to perfectly center elements.

  display: grid;
  place-items: center;

Browser Support
MDN Docs

Live in Action: