CSS Center Vertically & Horizontally

Here’s one way (don’t recall how I arrived at this):

section {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100vh;
    place-items: center; /* align-items: center; */
}

Here’s a simpler way:

section {
    display: grid;
    place-items: center;
}