Come cambiare la direzione dell'asse del contenitore flexbox?

Con la proprietà CSS flex-direction.

/* Imposta l'asse principale da sinistra a destra */
.container {
  display: flex;
  flex-direction: row; 
}

/* Imposta l'asse principale da destra a sinistra */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Imposta l'asse principale dall'alto verso il basso */
.container {
  display: flex;
  flex-direction: column;
}

/* Imposta l'asse principale dal basso verso l'alto */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Valore	Descrizione
row	Asse principale da sinistra a destra (predefinito)
row-reverse	Asse principale da destra a sinistra
column	Asse principale dall'alto verso il basso
column-reverse	Asse principale dal basso verso l'alto