Como alterar a direção do eixo num contêiner Flexbox?

Com a propriedade CSS flex-direction.

Valores de flex-direction:

• row (padrão): os elementos são dispostos na horizontal da esquerda para a direita.
• row-reverse: os elementos são dispostos na horizontal da direita para a esquerda.
• column: os elementos são dispostos na vertical de cima para baixo.
• column-reverse: os elementos são dispostos na vertical de baixo para cima.

Exemplo:

.flex-container {
  display: flex;
  flex-direction: column; /* Os elementos serão dispostos na vertical */
}