One thing I don't like about flexbox is that align-items and justify-content switch what they do depending on the flex-direction.

justify-content: center; with flex-direction: row; makes the element horizontally centered. But justify-content: center with flex-direction: column; makes the element vertically centered.