CSS Flexbox demo

Flexbox tends to be easier to manage than using float/clear. The boxes below are located in a div that has display: flex; in its CSS. Try resizing the page to see how it changes the layout.

See the layout demo for an example of using flexbox for web layout.

1
2
3
4
5
6
7
8
9
a
b
c
d
e
f
10