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: