Jak zmienić kierunek osi kontenera flexbox?

Za pomocą właściwości CSS flex-direction.

/* Ustawia główną oś od lewej do prawej */
.container {
  display: flex;
  flex-direction: row; 
}

/* Ustawia główną oś od prawej do lewej */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Ustawia główną oś od góry do dołu */
.container {
  display: flex;
  flex-direction: column;
}

/* Ustawia główną oś od dołu do góry */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Wartość	Opis
row	Główna oś od lewej do prawej (domyślnie)
row-reverse	Główna oś od prawej do lewej
column	Główna oś od góry do dołu
column-reverse	Główna oś od dołu do góry