flex-direction Property
swap_horiz
Defines main axis direction for flex items
compare_arrows
Four values: row, row-reverse, column, column-reverse
settings_ethernet
Default value: row (left-to-right in LTR languages)
rotate_90_degrees_ccw
Cross axis automatically adjusts perpendicular to main axis
code
flex-direction Examples
.container {
display: flex;
flex-direction: row;
}
.vertical-container {
display: flex;
flex-direction: column;
}