The flexbox layout is a single axis layout that makes it easy to layout content on a given axis.

`flex-direction: column;` sets Y as the main axis, and X as the cross axis.
`flex-direction: row;` sets X as the main axis, and Y as the cross axis.