Kā mainīt flexbox konteineru asi virzienu?

Ar izmantojot CSS īpašību flex-direction.

/* Nosaka galveno asi no kreisās uz labo */
.container {
  display: flex;
  flex-direction: row; 
}

/* Nosaka galveno asi no labās uz kreiso */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Nosaka galveno asi no augšas uz leju */
.container {
  display: flex;
  flex-direction: column;
}

/* Nosaka galveno asi no lejas uz augšu */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Vērtība	Apraksts
row	Galvenā ass no kreisās uz labo (noklusējums)
row-reverse	Galvenā ass no labās uz kreiso
column	Galvenā ass no augšas uz leju
column-reverse	Galvenā ass no lejas uz augšu