Как да промените посоката на оста на flexbox контейнера?

Чрез свойството 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	Основната ос отдолу нагоре