Как изменить направление оси в контейнере Flexbox?

С помощью CSS-свойства flex-direction.

Значения flex-direction:

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

Пример:

.flex-container {
  display: flex;
  flex-direction: column; /* Элементы будут располагаться по вертикали */
}