Свойство flex-shrink очень похоже на свойство flex-grow. Оно задаёт пропорции, в которых флекс-элементы «впитывают» отрицательное пространство.

Чем больше значение коэффициента сжатия у элемента, тем больше отрицательного пространства он «впитает» и тем сильнее сожмётся.

Когда базовые размеры флекс-элементов одинаковы, пропорции сжатия элементов считаются так же, как пропорции увеличения. Если базовые размеры флекс-элементов отличаются, то механизм усложняется. Подробно мы разберём его в следующем задании.

А пока снова поэкспериментируйте с коэффициентами в задании-загадке.

Вам нужно подобрать такие значения flex-shrink, чтобы итоговый размер элементов оказался таким же, как у коричневой и зелёной «линеек», и чтобы над красной «линейкой» ничего не было.

На красной линейке показан размер отрицательного пространства, которое распределяется при сжатии флекс-элементов.

Базовые размеры элементов и размеры флекс-контейнера вы узнаете из кода.

Подсказка: в простейшем решении коэффициенты будут целыми числами не больше 5.