Les 23
Container queries en fluid design
Componenten die zich aanpassen aan hun container.
🎯 Na deze les kun je
- container queries schrijven
- clamp() gebruiken voor vloeiende typografie
- intrinsieke layouts ontwerpen
Media queries (les 14) kijken naar de breedte van het venster. Maar een kaartcomponent weet niet waar hij staat: in een smalle zijbalk, in een raster van drie, of over de volle breedte. Op een breed scherm kan hij toch smal zijn. Container queries lossen dat op: een component kijkt naar de ruimte die hij zelf krijgt. Samen met vloeiende maten via clamp() maak je componenten die overal passen.
🔒 Deze les zit in het betaalde deel van de cursus
De eerste 6 lessen zijn gratis; de rest van de cursus, de live labs en het certificaat koop je eenmalig (€ 19,00). Geen abonnement. Online afrekenen komt binnenkort beschikbaar.
Wil je een seintje als het zover is?