Playground

Properties for the flex container

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


Properties for the flex items

align-self

1

2

3

4

5


flex-grow

1

2

3

4

5


flex-shrink

1

2

3

4

5


Flex

Element 1Element 2

1

2


Order

1

2

3

4

5