CSS Visual Learner - Flex Box

Flex Direction:

1

2

3

4

Align Items:

1

2

3

4

Justify Content:

1

2

3

4

Align Content:

Note: We also need to set flex-wrap:wrap;

1

2

3

4

5

6

7

8

9

10