Kaip pakeisti ašies kryptį Flexbox konteineryje?

Naudojant CSS savybę flex-direction.

flex-direction reikšmės:

• row (numatyta): elementai išdėstomi horizontaliai iš kairės į dešinę.
• row-reverse: elementai išdėstomi horizontaliai iš dešinės į kairę.
• column: elementai išdėstomi vertikaliai iš viršaus į apačią.
• column-reverse: elementai išdėstomi vertikaliai iš apačios į viršų.

Pavyzdys:

.flex-container {
  display: flex;
  flex-direction: column; /* Elementai bus išdėstyti vertikaliai */
}