Wpływ chciwości elementów na kompresję bloków flex w CSS

Przyjrzyjmy się teraz wpływowi chciwości. Usuńmy wszystkim potomkom szerokość i ustawmy im potomkom flex-grow na wartość 1, a drugiemu potomkowi - na wartość 3. W rezultacie okaże się, że drugi blok będzie 3 razy większy od pozostałych.

Jednakże, jeśli ściśniemy okno wystarczająco mocno, to drugi blok już nie będzie większy od pozostałych 3 razy - przy silnym ściskaniu różnica zostaje zatarta. Przekonaj się o tym sam, pobawiąc się poniższym przykładem, rozszerzając i zwężając okno przeglądarki: