Use case for the
CSS Flexible Box Model

1 - The boxes are displayed horizontally

1

2

3

2 - The boxes are displayed vertically in a reverse order

1

2

3

3 - The boxes are displayed vertically in a chosen order

1

2

3

4 - The size of each box depend on its flexible value

1

2

3

5 - Box 3 is unflexible and is 160px wide

1

2

3

6 - The boxes are centered horizontally and vertically

1

2

3

Examples made by Jérémie Patonnier