Super centered

Use place-items: center to center an element within its parent.

First specify grid as the display method, and then write place-items: center on the same element. place-items is a shorthand to set both align-items and justify-items at once. By setting it to center, both align-items and justify-items are set to center.

.parent {
  display: grid;
  place-items: center;
}

This enables the content to be perfectly centered within the parent, regardless of intrinsic size.