Влияние на алчността на елементите върху свиването на flex блоковете в CSS

Нека сега разгледаме влиянието на алчността. Премахнете ширината на всички деца и задайте flex-grow на стойност 1, а на второто дете - на стойност 3. В резултат на това вторият блок ще бъде 3 пъти по-голям от останалите.

Въпреки това, ако прозорецът се свие достатъчно силно, вторият блок вече няма да бъде по-голям от останалите 3 пъти - при силно свиване разликата се изтрива. Убедете се сами, като поиграете с примера по-долу, разширявайки и свивайки прозореца на браузъра: