CSS Flexbox vs CSS Grid

Use Flexbox for 1D alignments and Grid for 2D templates.

Flexbox Centering:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}