Kuidas muuta flexbox konteineri telje suunda?

Kasutades CSS omadust flex-direction.

/* Määrab põhise rea vasakult paremale */
.container {
  display: flex;
  flex-direction: row; 
}

/* Määrab põhise rea paremal vasakule */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Määrab põhise rea ülevalt alla */
.container {
  display: flex;
  flex-direction: column;
}

/* Määrab põhise rea alt üles */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Väärtus	Kirjeldus
row	Põhise rida vasakult paremale (vaikimisi)
row-reverse	Põhise rida paremalt vasakule
column	Põhise rida ülevalt alla
column-reverse	Põhise rida alt üles