📐 Flexbox Playground
Experiment with CSS Flexbox properties — see results instantly
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
stretch
flex-start
flex-end
center
baseline
align-content
normal
flex-start
flex-end
center
space-between
space-around
stretch
gap
0
8px
12px
16px
24px
32px
Preview
+ Add Item
− Remove Item
Reset
Generated CSS
📋 Copy CSS
Copied!