Влијание на алчноста на елементите на компресија на flex блоковите во CSS

Ајде сега да го видиме влијанието на алчноста. Да ги отстраниме ширините на сите потомци и да им поставиме на потомците flex-grow со вредност 1, а на вториот потомок - со вредност 3. Како резултат, вториот блок ќе биде 3 пати поголем од останатите.

Сепак, ако го компресирате прозорецот доволно силно, тогаш вториот блок веќе нема да биде поголем од останатите 3 пати - при силна компресија разликата се брише. Уверете се сами, играјќи се со примерот даден подолу, проширувајќи и стегајќи прозорецот на прелистувачот:

Задание 1

Повторете го примерот од теоретскиот дел според образецот.