Vliv chamtivosti prvků na kompresi flex bloků v CSS

Nyní se podívejme na vliv chamtivosti. Odstraňme všem potomkům šířku a nastavme potomkům flex-grow na hodnotu 1, a druhému potomkovi - na hodnotu 3. Výsledkem bude, že druhý blok bude 3krát větší než ostatní.

Avšak pokud okno dostatečně zúžíme, tak druhý blok již nebude 3krát větší než ostatní - při silném stlačení se rozdíl setře. Přesvědčte se sami, pomocí přiloženého příkladu, rozšiřováním a zužováním okna prohlížeče: