Flexbox konteynerining o'q yo'nishini qanday o'zgartirish mumkin?

CSS xususiyati flex-direction yordamida.

/* Asosiy o'qlarni chapdan o'ngga o'rnatadi */
.container {
  display: flex;
  flex-direction: row; 
}

/* Asosiy o'qlarni o'ngdan chapga o'rnatadi */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Asosiy o'qlarni yuqoridan pastga o'rnatadi */
.container {
  display: flex;
  flex-direction: column;
}

/* Asosiy o'qlarni pastdan yuqoriga o'rnatadi */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Qiymat	Tavsifi
row	Asosiy o'q chapdan o'ngga (standart)
row-reverse	Asosiy o'q o'ngdan chapga
column	Asosiy o'q yuqoridan pastga
column-reverse	Asosiy o'q pastdan yuqoriga