Innvirkning av elementers grådighet på komprimering av flex-blokker i CSS

La oss nå se på innvirkningen av grådighet. Fjern bredden fra alle barn og sett flex-grow til 1 for alle barn, og for det andre barnet - til 3. Resultatet blir at den andre blokken vil være 3 ganger større enn de andre.

Men hvis vinduet komprimeres kraftig nok, vil den andre blokken ikke lenger være større enn de andre i 3 ganger - ved sterk komprimering blir forskjellen visket ut. Bekreft dette selv ved å eksperimentere med eksempelet nedenfor, utvid og trekk sammen nettleservinduet: