Flexbox Properties
flex-direction
justify-content
align-items
flex-wrap
Gap (spacing)16px
Flex Items (3)
Click any colored box in the preview context to customize growth, shrink, and align attributes.
Interactive Preview Layout
Box 1
Box 2
Box 3
Generated CSS Code
Loading...
143 B8 linesBoxes: 3 | Direction: ROW