CSS · Layout

flex-direction

Sets the main axis: row, row-reverse, column or column-reverse.

cssRunnable example css course

Syntax

flex-direction: row | column

Example

Try it

.demo { display: flex; flex-direction: column; gap: 6px; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.