Erklärung
Umbruch
Justify Content
Order & Align
Shrink & Grow
1
2
3
4 - außerdem wurden mit
align-items:center
die Items in die Mitte der Kreuzungsaxe gesetzt
5 - außer diese Box, sie wurde mit align-self wieder auf stretch gesetzt. (Standardwert)
6 - Diese Box wurde mit
order:-1
vor alle anderen gestellt obwohl die Reihenfolge im HTML-Code anders ist.
7 - Und diese mit
order:1
nach allen anderen.
8
9
10