Skip to content
This site may not function properly without JavaScript enabled.
Grounded Wren
Tools
Flexbox Visualizer
Flexbox Visualizer
Container Properties
Flex Direction
Row
Row-Reverse
Column
Column-Reverse
Flex Wrap
NoWrap
Wrap
Wrap-Reverse
Justify Content
Flex-Start
Flex-End
Center
Space-Between
Space-Around
Space-Evenly
Align Items
Flex-Start
Flex-End
Center
Stretch
Baseline
Align Content
Flex-Start
Flex-End
Center
Stretch
Space-Between
Space-Around
Gap
Row-Gap
Column-Gap
Child Properties
Flex Grow
Flex Shrink
Flex Basis
Align Self
Auto
Flex-Start
Flex-End
Center
Baseline
Stretch
Width
Height
Visualization
Get Link