Hogyan változtatható meg a flexbox konténer tengelyének iránya?

A CSS flex-direction tulajdonsággal.

/* A fő tengely balról jobbra állítva */
.container {
  display: flex;
  flex-direction: row; 
}

/* A fő tengely jobbról balra állítva */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* A fő tengely fentről lefelé állítva */
.container {
  display: flex;
  flex-direction: column;
}

/* A fő tengely lentről felfelé állítva */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Érték	Leírás
row	A fő tengely balról jobbra (alapértelmezett)
row-reverse	A fő tengely jobbról balra
column	A fő tengely fentről lefelé
column-reverse	A fő tengely lentről felfelé