Для чего нужен Flex direction

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

1. row (по умолчанию) – элементы выстраиваются слева направо.
2. row-reverse – элементы идут справа налево.
3. column – элементы располагаются сверху вниз.
4. column-reverse – элементы идут снизу вверх.

Пример:

.container {
  display: flex;
  flex-direction: column; /* Элементы вертикально */
}

Используется для создания адаптивных макетов, управления порядком элементов или изменения направления потока в зависимости от дизайна. Например, для мобильной версии можно переключить row на column.