Flex Direction
Flex Direction
A CSS property that specifies the direction of item layouts in a flex container.
Sets the main axis along which flex items are arranged.
Facilitates flexible and responsive design adaptations.
Influences how items are displayed and ordered within the container.
Flex Direction in Workmaster
Flex Direction panel will only appear once the Container's Display property is set to Flex
Possible Values
Visual Representation
Value
Description
Row
Lays out flex items horizontally (from left to right).
Column
Lays out flex items vertically (from top to bottom).
Row Reverse
Lays out flex items in reverse horizontal order
(from right to left).
Column Reverse
Lays out flex items in reverse vertical order (from bottom to top).
Examples
Last updated