flex-direction
Направление главной оси флекс-контейнера.
Сигнатура
flex-direction: row | row-reverse | column | column-reverseСвойство flex-direction задаёт ось раскладки: row — по горизонтали (по умолчанию), column — по вертикали, версии -reverse меняют порядок.
.col { display: flex; flex-direction: column; }