FLex-box 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 #2

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

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

Flexbox Demo 5: flex-direction/row reverse #5

1

2

3

4

5

Flexbox Demo 6: flex wrap: wrap

flex-wrap: wrap

flex-wrap: wrap

flex-wrap: wrap

flex-wrap: wrap

flex-wrap: wrap

flex-wrap: wrap

Flexbox Demo 7:

Flexbox Demo 8: flex wrap: wrap

flex-basis 25%

flex-basis 25%

flex-basis 25%

flex-basis 25%

flex-basis 25%