← Back to Glossary

flex-direction

Flexbox & Grid

Configures flexbox layout alignment axes, directing items horizontally or vertically.

Common Value Formats

flex-direction: row; Horizontal alignment left-to-right
flex-direction: row-reverse; Horizontal right-to-left
flex-direction: column; Vertical alignment top-to-bottom

interactive-example.html

Live Preview