Flexboc Demo

Flexbox Demo #1

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flexbox Demo #2 | justify-content: space-around

Flexbox Demo #3 | justify-content: space-between

Flexbox Demo #4 | justify-content: space-evenly

Flexbox Demo #5 | Flex-direction (column-reverse)

1

2

3

4

5

Flexbox Demo #6 | Flex-wrap

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flex Grow 1

Flexbox Demo #7

Flexbox Demo #8

flex-basis 30%

flex-basis 30%

flex-basis 30%

flex-basis 30%

flex-basis 30%

flex-basis 30%

flex-basis 30%

flex-basis 30%