Jak zmienić kierunek osi w kontenerze Flexbox?

Za pomocą właściwości CSS flex-direction.

Wartości flex-direction:

• row (domyślnie): elementy układane są poziomo od lewej do prawej.
• row-reverse: elementy układane są poziomo od prawej do lewej.
• column: elementy układane są pionowo od góry do dołu.
• column-reverse: elementy układane są pionowo od dołu do góry.

Przykład:

.flex-container {
  display: flex;
  flex-direction: column; /* Elementy będą ułożone pionowo */
}