Hoe verander je de richting van de as van de flexbox-container?

Met de CSS-eigenschap flex-direction.

/* Stelt de hoofdas van links naar rechts in */
.container {
  display: flex;
  flex-direction: row; 
}

/* Stelt de hoofdas van rechts naar links in */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Stelt de hoofdas van boven naar beneden in */
.container {
  display: flex;
  flex-direction: column;
}

/* Stelt de hoofdas van onder naar boven in */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Waarde	Beschrijving
row	Hoofdas van links naar rechts (standaard)
row-reverse	Hoofdas van rechts naar links
column	Hoofdas van boven naar beneden
column-reverse	Hoofdas van onder naar boven