Ako zmeniť smer osi flexbox kontajnera?

Pomocou vlastnosti CSS flex-direction.

/* Nastaví hlavnú os zľava doprava */
.container {
  display: flex;
  flex-direction: row; 
}

/* Nastaví hlavnú os sprava doľava */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Nastaví hlavnú os odhora nadol */
.container {
  display: flex;
  flex-direction: column;
}

/* Nastaví hlavnú os zdola nahor */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Hodnota	Popis
row	Hlavná os sprava doľava (predvolené)
row-reverse	Hlavná os zľava doprava
column	Hlavná os odhora nadol
column-reverse	Hlavná os zdola nahor