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 1 | elemento 2 |
1
2
order ( property for flex items )
1
2
3
4
5