Flexbox konteynerinin eksen yönünü nasıl değiştirirsiniz?

CSS özelliği flex-direction kullanılarak.

/* Ana ekseni soldan sağa ayarlar */
.container {
  display: flex;
  flex-direction: row; 
}

/* Ana ekseni sağdan sola ayarlar */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Ana ekseni yukarıdan aşağıya ayarlar */
.container {
  display: flex;
  flex-direction: column;
}

/* Ana ekseni aşağıdan yukarıya ayarlar */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Değer	Açıklama
row	Ana eksen soldan sağa (varsayılan)
row-reverse	Ana eksen sağdan sola
column	Ana eksen yukarıdan aşağıya
column-reverse	Ana eksen aşağıdan yukarıya