📐 Flexbox Code Generator
Presets
Row
Column
Center
Sidebar
Holy Grail
Container Properties
direction
row
row-reverse
column
column-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
flex-wrap
nowrap
wrap
wrap-reverse
gap
0
4px
8px
12px
16px
24px
➕ Add Item
➖ Remove
Live Preview
Generated CSS
📋