Главная ось

Главная ось в flexbox определяется направлением, установленным в свойстве flex-direction. Это свойство может принимать одно из четырёх значений:

• row
• row-reverse
• column
• column-reverse

Если вы выберите row или row-reverse, то главная ось будет проходить вдоль направления строк.

Выберите column или column-reverse, и главная ось будет проходить сверху вниз в направлении блоков.

На главной оси вы можете контролировать размеры flex элементов, добавляя к ним свободное пространство с помощью свойства flex на самих элементах. Также, вы можете контролировать пространство между и вокруг элементов свойством justify-content.