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 1 Element 2
< input type="number" class="flex-basis-shrink" id="S2" min="0" value="0" >

1

2

Order

1

2

3

4

5