Kako promeniti pravac ose u Flexbox kontejneru?

Sa svojstvom CSS flex-direction.

Vrednosti flex-direction:

• row (podrazumevano): elementi se postavljaju horizontalno s leva na desno.
• row-reverse: elementi se postavljaju horizontalno s desna na levo.
• column: elementi se postavljaju vertikalno od gornjeg ka donjem.
• column-reverse: elementi se postavljaju vertikalno od donjeg ka gornjem.

Primer:

.flex-container {
  display: flex;
  flex-direction: column; /* Elementi će biti raspoređeni vertikalno */
}