Jak změnit směr osy kontejneru flexbox?

Pomocí vlastnosti CSS flex-direction.

/* Nastaví hlavní osu zleva doprava */
.container {
  display: flex;
  flex-direction: row; 
}

/* Nastaví hlavní osu zprava doleva */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Nastaví hlavní osu shora dolů */
.container {
  display: flex;
  flex-direction: column;
}

/* Nastaví hlavní osu zdola nahoru */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Hodnota	Popis
row	Hlavní osa zleva doprava (výchozí)
row-reverse	Hlavní osa zprava doleva
column	Hlavní osa shora dolů
column-reverse	Hlavní osa zdola nahoru