Influence de l'avidité des éléments sur la compression des blocs flex en CSS

Voyons maintenant l'influence de l'avidité. Retirons la largeur à tous les enfants et définissons leur flex-grow sur 1, et pour le deuxième enfant - sur 3. Il en résultera que le deuxième bloc sera 3 fois plus grand que les autres.

Cependant, si vous réduisez suffisamment la fenêtre, le deuxième bloc ne sera plus 3 fois plus grand que les autres - avec une compression forte, la différence s'estompe. Assurez-vous-en par vous-même en jouant avec l'exemple ci-dessous, en élargissant et en réduisant la fenêtre du navigateur :