Defines how flexbox items are ordered within a flexbox container.
default
flex-direction: row;
The flexbox items are ordered the same way as the text direction, along the main axis.
flex-direction: row-reverse;
The flexbox items are ordered the opposite way as the text direction, along the main axis.
flex-direction: column;
The flexbox items are ordered the same way as the text direction, along the cross axis.
flex-direction: column-reverse;
The flexbox items are ordered the opposite way as the text direction, along the cross axis.