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

It was pretty easy, right? In just two lines of code you can center an element both vertically and horizontally.

See you!