¿Cómo cambiar la dirección del eje en un contenedor Flexbox?

Con la propiedad CSS flex-direction.

Valores de flex-direction:

• row (por defecto): los elementos se colocan en línea horizontal de izquierda a derecha.
• row-reverse: los elementos se colocan en línea horizontal de derecha a izquierda.
• column: los elementos se colocan en columna vertical de arriba hacia abajo.
• column-reverse: los elementos se colocan en columna vertical de abajo hacia arriba.

Ejemplo:

.flex-container {
  display: flex;
  flex-direction: column; /* Los elementos se colocarán en vertical */
}