Back to Home
flexbox
explorer
Container:
W:
H:
⟲
Box:
W:
H:
⟲
number of items
-
3
+
justify-content
no effect
center
flex-start
flex-end
space-between
space-around
space-evenly
flex-direction
no effect
row
row-reverse
column
column-reverse
align-items
(cross axis)
no effect
center
flex-start
flex-end
stretch
flex-wrap
no effect
nowrap
wrap
wrap-reverse
box color mode
uniform
varied
style.css
copy
index.html
copy
live preview