La propiedad flex-direction nos permite determinar la dirección en la que se disponen los elementos flex. Por defecto, esta propiedad se establece en row, lo que resulta en un diseño de izquierda a derecha en los navegadores que utilizan el inglés como idioma por defecto. Puede establecerla a:

Tomemos como ejemplo la siguiente navegación por un sitio web.

fila

row-reverse

columna

Preste atención a la anchura de los elementos; cubren toda la anchura del padre.

column-reverse