Flexbox konteynerinin ox istiqamətini necə dəyişdirmək olar?

CSS xüsusiyyəti flex-direction köməyi ilə.

/* Əsas oxu soldan sağa təyin edir */
.container {
  display: flex;
  flex-direction: row; 
}

/* Əsas oxu sağdan sola təyin edir */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Əsas oxu yuxarıdan aşağıya təyin edir */
.container {
  display: flex;
  flex-direction: column;
}

/* Əsas oxu aşağıdan yuxarıya təyin edir */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Dəyər	Təsviri
row	Əsas ox soldan sağa (standart)
row-reverse	Əsas ox sağdan sola
column	Əsas ox yuxarıdan aşağıya
column-reverse	Əsas ox aşağıdan yuxarıya