Vplyv chamtivosti prvkov na kompresiu flex blokov v CSS

Pozrime sa teraz na vplyv chamtivosti. Odstránime všetkým potomkom šírku a nastavíme im flex-grow na hodnotu 1, a druhému potomkovi - na hodnotu 3. Výsledkom bude, že druhý blok bude 3 krát väčší ako ostatné.

Avšak, ak okno dostatočne stlačíme, tak druhý blok už nebude 3 krát väčší ako ostatné - pri silnej kompresii sa rozdiely zatierajú. Presvedčte sa o tom sami, pohrať sa s priloženým príkladom, rozširujte a zužujte okno prehliadača:

Задание 1

Zopakujte podľa vzoru príklad z teoretickej časti.