Kaip pakeisti flexbox konteinerio ašies kryptį?

Na CSS savybės flex-direction pagalba.

/* Nustato pagrindinę ašį iš kairės į dešinę */
.container {
  display: flex;
  flex-direction: row; 
}

/* Nustato pagrindinę ašį iš dešinės į kairę */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Nustato pagrindinę ašį iš viršaus į apačią */
.container {
  display: flex;
  flex-direction: column;
}

/* Nustato pagrindinę ašį iš apačios į viršų */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Reikšmė	Aprašymas
row	Pagrindinė ašis iš kairės į dešinę (numatyta)
row-reverse	Pagrindinė ašis iš dešinės į kairę
column	Pagrindinė ašis iš viršaus į apačią
column-reverse	Pagrindinė ašis iš apačios į viršų