Flexbox Blueprint Simulator
Watch the dimension lines calculate the layout math in real-time.
👇 Try 'space-between' or 'space-evenly' to see the math divide! 👇
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