← back
Flexbox Forge
offline
Flexbox Playground
Adjust flex container and item properties visually. Click the output to copy CSS.
flex-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
align-content
stretch
flex-start
flex-end
center
space-between
space-around
gap
0px
4px
8px
10px
16px
20px
24px
32px
Items
- Remove
4 items
+ Add
Copy CSS