VISUALIZING FLEXBOX
Copy CSS
flex-direction:
none
row
row-reverse
column
column-reverse
flex-wrap:
none
nowrap
wrap
wrap-reverse
justify-content:
none
flex-start
flex-end
center
space-between
space-around
space-evenly
start
end
left
right
align-content:
none
flex-start
flex-end
center
stretch
space-between
space-around
space-evenly
start
end
left
align-items:
none
flex-start
flex-end
center
stretch
baseline
gap:
px
px
[$index]
Container Dimensions
Container height
Container Width
Flex Item Dimensions
Flex item height
Flex item width