Πώς αλλάζετε την κατεύθυνση του άξονα του flexbox container;

Με την ιδιότητα CSS flex-direction.

/* Ορίζει τον κύριο άξονα από αριστερά προς τα δεξιά */
.container {
  display: flex;
  flex-direction: row; 
}

/* Ορίζει τον κύριο άξονα από δεξιά προς τα αριστερά */
.container {
  display: flex;
  flex-direction: row-reverse;
}

/* Ορίζει τον κύριο άξονα από πάνω προς τα κάτω */
.container {
  display: flex;
  flex-direction: column;
}

/* Ορίζει τον κύριο άξονα από κάτω προς τα πάνω */
.container {
  display: flex;
  flex-direction: column-reverse;
}

Τιμή	Περιγραφή
row	Κύριος άξονας από αριστερά προς τα δεξιά (προεπιλογή)
row-reverse	Κύριος άξονας από δεξιά προς τα αριστερά
column	Κύριος άξονας από πάνω προς τα κάτω
column-reverse	Κύριος άξονας από κάτω προς τα πάνω