Indflydelsen af elementers grådighed på komprimering af flex-blokke i CSS

Lad os nu se på effekten af grådighed. Fjern bredden fra alle afkom og sæt deres afkoms flex-grow til værdien 1, og for det andet afkom - til værdien 3. Resultatet bliver, at den anden blok vil være 3 gange større end de andre.

Men hvis vinduet komprimeres tilstrækkeligt, vil den anden blok ikke længere være større end de andre med 3 gange - ved stærk komprimering udviskes forskellen. Overtal dig selv om dette ved at lege med eksemplet nedenfor, udvid og indsnævr browserens vindue: