De invloed van elementgulzigheid op het comprimeren van flexblokken in CSS

Laten we nu de invloed van gulzigheid bekijken. Laten we de breedte voor alle kinderen verwijderen en ze kinderen flex-grow op waarde 1 zetten, en voor het tweede kind - op waarde 3. Het resultaat zal zijn dat het tweede blok 3 keer groter zal zijn dan de rest.

Echter, als je het venster voldoende verkleint, dan zal het tweede blok niet meer 3 keer groter zijn dan de rest - bij sterke compressie verdwijnt het verschil. Overtuig jezelf ervan door te spelen met het onderstaande voorbeeld, door het venster van de browser te verbreden en te versmallen: