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:
Powtórz według wzoru przykład z części teoretycznej.