Flex Container Properties

flex-direction

1

2

3

4

5

flex-wrap

1

2

3

4

5

align-items

1

2

3

4

5

justify-content

1

2

3

4

5

align-content

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

Flex Item Properties

align-self

1

2

3

4

5

flex-grow

1

2

3

4

5

flex-shrink

1

2

3

4

5

flex

.item { flex: flex-basis | flex-grow | flex-shrink; }
Item 1Item 2

1

2

order

1

2

3

4

5