Lerne Flexbox durch anklicken und spielen. Sehe sofort wofür was ist und lerne somit schneller als das übliche lesen

flex-direction ( property of the flex container )

1

2

3

4

5

flex-wrap ( property of the flex container )

1

2

3

4

5

align-items ( property of the flex container )

1

2

3

4

5

justify-content ( property of the flex container )

1

2

3

4

5

align-content ( property of the flex container )

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 ( property for flex items )

1

2

3

4

5

flex-grow ( property for flex items )

1

2

3

4

5

flex-shrink ( property for flex items )

1

2

3

4

5

flex ( property for flex items )

.item { flex: flex-grow [flex-shrink] [flex-basis]; }

elemento 1elemento 2

1

2

order ( property for flex items )

1

2

3

4

5