← Back to Menu
Flexbox (1D Layouts)
Master one-dimensional layouts by controlling alignment, direction, and wrapping of child elements.
Flex Container Properties
flex-direction
row (default)
row-reverse
column
column-reverse
justify-content
flex-start (default)
flex-end
center
space-between
space-around
space-evenly
align-items
stretch (default)
flex-start
flex-end
center
baseline
flex-wrap
nowrap (default)
wrap
wrap-reverse
gap:
16
px
Add Item
Remove Item
1
2
3
4