flex-direction

Utilities for controlling the direction of flex items.

Examples

Row

Use flex-row to position flex items horizontally in the same direction as text:

Row reversed

Use flex-row-reverse to position flex items horizontally in the opposite direction:

Column

Use flex-col to position flex items vertically:

Column reversed

Use flex-col-reverse to position flex items vertically in the opposite direction:

Responsive design