Flex- und Grid-Spielwiese
Eigenschaften wählen, Breite am Griff ziehen, CSS links mitlesen.
Alle Demos zu CSS
Flexbox
Grid
flex-direction
row
row-reverse
column
column-reverse
justify-content
flex-start
center
flex-end
space-between
space-around
space-evenly
align-items
stretch
flex-start
center
flex-end
flex-wrap
nowrap
wrap
gap
0
8px
16px
24px
Spalten
1fr 1fr 1fr
200px 1fr
repeat(auto-fill, …)
grid-template-areas
gap
0
8px
16px
24px
@media unter 600px: eine Spalte
Browser