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
This is a Conditional Value field. Such fields allow you to specify values directly OR use a Formula to specify a value. Conditional values are useful for specifying different values for changing situations, such as varying device types or screen sizes.
Possible Values
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