Wie ändert man die Richtung der Achse in einem Flexbox-Container?

Mit der CSS-Eigenschaft flex-direction.

Werte von flex-direction:

• row (Standard): Elemente werden horizontal von links nach rechts ausgerichtet.
• row-reverse: Elemente werden horizontal von rechts nach links ausgerichtet.
• column: Elemente werden vertikal von oben nach unten ausgerichtet.
• column-reverse: Elemente werden vertikal von unten nach oben ausgerichtet.

Beispiel:

.flex-container {
  display: flex;
  flex-direction: column; /* Elemente werden vertikal angeordnet */
}