Cum se schimbă direcția axei containerului flexbox?

Cu proprietatea CSS flex-direction.

/* Setează axa principală de la stânga la dreapta */
.container {
  display: flex;
  flex-direction: row; 
}

/* Setează axa principală de la dreapta la stânga */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Setează axa principală de sus în jos */
.container {
  display: flex;
  flex-direction: column;
}

/* Setează axa principală de jos în sus */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Valoare	Descriere
row	Axa principală de la stânga la dreapta (implicit)
row-reverse	Axa principală de la dreapta la stânga
column	Axa principală de sus în jos
column-reverse	Axa principală de jos în sus