CSS Tutorial Website

#Flex-direction

Defines how flexbox items are ordered within a flexbox container.

flex-direction: row;
default
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.