Какие оси существуют в Flexbox?

В Flexbox есть две основные оси:

• Главная ось (main axis): Определяется свойством flex-direction. Она определяет направление, в котором располагаются flex-элементы в контейнере. По умолчанию это row (слева направо).
• Поперечная ось (cross axis): Всегда перпендикулярна главной оси. Определяет направление, перпендикулярное расположению flex-элементов.

Направление главной оси может быть установлено четырьмя значениями:

• row (по умолчанию): элементы располагаются слева направо.
• row-reverse: элементы располагаются справа налево.
• column: элементы располагаются сверху вниз.
• column-reverse: элементы располагаются снизу вверх.

Пример:

.flex-container {
  display: flex;
  flex-direction: row; /* Главная ось - горизонтальная */
}

.another-flex-container {
  display: flex;
  flex-direction: column; /* Главная ось - вертикальная */
}