Elementtien ahneuden vaikutus CSS-flex-lohkojen pakkaukseen
Katsotaan nyt ahneuden vaikutusta.
Poistetaan kaikille lapsille leveys ja asetetaan
lapsille flex-grow arvoksi 1,
ja toiselle lapselle - arvoksi 3.
Tuloksena toinen lohko on
3 kertaa suurempi kuin muut.
Kuitenkin, jos ikkunaa puristetaan riittävän voimakkaasti,
toinen lohko ei enää ole 3 kertaa suurempi kuin muut
- voimakkaassa puristuksessa ero
häviää. Varmista tämä itse leikkimällä
alla olevan esimerkin kanssa, laajentamalla ja kaventamalla
selaimen ikkunaa:
Toista esimerkki teoreettisesta osasta mallin mukaisesti.
