Kako promeniti pravac ose flexbox kontejnera?

Кроз својство CSS flex-direction.

/* Подешава главну осу са леве на десно */
.container {
  display: flex;
  flex-direction: row; 
}

/* Подешава главну осу са десне на леву */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Подешава главну осу од врха према дну */
.container {
  display: flex;
  flex-direction: column;
}

/* Подешава главну осу од дна према врху */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Вредност	Опис
row	Главна оса са леве на десно (подразумевано)
row-reverse	Главна оса са десне на леву
column	Главна оса од врха према дну
column-reverse	Главна оса од дна према врху