Week 4 — Layout met Flexbox
Wat laat dit voorbeeld zien?
Hoe je met
display: flex vakken naast en onder elkaar plaatst —
zonder floats. Dit voorbeeld bouwt een mini "Mondriaan"-kunstwerk, precies
zoals de opdracht van deze week vraagt.
De drie belangrijkste eigenschappen
display: flex
flex-wrap: wrap
flex: 1 1 100px
Voorbeeld: mini-Mondriaan met Flexbox
Maak je browservenster smaller: door flex-wrap: wrap herschikken
de vakken automatisch in plaats van van de pagina af te lopen.