CSS Flexbox Sandbox
Experiment with one-dimensional flex properties and copy the auto-generated code.
Flex Settings
Build 1D layouts visually
16px
4
Live Canvas
1
2
3
4
Generated CSS
CSS Flexbox is designed for one-dimensional layouts (either a row or a column). This sandbox helps you master flex properties visually without needing to memorize the alignment behaviors.