Скачать или смотреть Use the flex-direction Property to Make a Column

The flex-direction property specifies the direction of the flexible items. If the element is not a flexible item, the flex-direction property has no effect.

Column is the Value and the flexible items are displayed vertically, as a column.

What does the flex-direction column do? The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

What is the difference between flex-direction row and flex-direction column? The flex-direction property accepts four possible values: row : same as text direction (default) row-reverse : opposite to text direction. column : same as row but top to bottom.