Conceptos básicos: Ejes principal y transversal

arrow_forward

Eje Principal

Dirección en la que se colocan los elementos flexibles.

Main Axis

Horizontal por defecto

arrow_downward

Eje Transversal

Dirección perpendicular al eje principal.

Cross Axis

Vertical por defecto

Dirección de los ejes

east

Eje Principal

Horizontal

south

Eje Transversal

Vertical

lightbulb

Importancia

Todas las propiedades de alineación y distribución dependen de comprender estos dos ejes.

sync_alt

Los ejes cambian según flex-direction