Flex-direction: Defines how flexbox items are ordered *within* a flexbox container.
Default flex-direction is row.
Example: if you assume [ ] is the container
Row means left to right horizontally = [ A B C D]
Row-Reverse is reversed row = [ D C B A]
Column means stacked on top of each other vertically =
[A
B
C
D]