Inhoud 1
2
Introductie
1
Inleiding Wat flexbox is Kenmerken Wat flexbox kan Wat flexbox oplost Hello flexbox Verticaal centreren Benodigde voorkennis Tips voor meer leesvoer Editor en browser Voorbeeldcode downloaden Samenvatting Praktijkoefeningen
2 4 5 8 9 10 14 17 17 18 19 20 20
De basis van flexbox
21
Flexcontainers en flexitems Een flexcontainer maken Flexitems De inhoud van flexitems Ouders en kinderen Rijen en kolommen: flex-direction Twee dimensies Flex-direction toegepast Regelomloop: flex-wrap De verzameleigenschap flex-flow De volgorde veranderen: order Use case voor order Samenvatting Praktijkoefeningen
22 23 24 25 26 27 29 30 34 36 37 39 42 42
/ ix