Propiedad flex-direction: column y column-reverse

south

Eje Vertical

Cambia la dirección del eje principal a vertical.

code

Código CSS

Vertical normal

flex-direction: column;

Vertical invertido

flex-direction: column-reverse;

arrow_downward

column

check_circle

Eje principal vertical

check_circle

Dirección arriba → abajo

check_circle

Eje transversal horizontal

arrow_downward arrow_downward arrow_downward
arrow_upward

column-reverse

check_circle

Eje principal vertical

check_circle

Dirección abajo ← arriba

check_circle

Invierte el orden

arrow_upward arrow_upward arrow_upward