Как работает свойство flex-shrink

`flex-shrink` определяет, как flex-элемент будет уменьшаться относительно других элементов при нехватке места в контейнере. Значение по умолчанию — `1`. Чем больше значение, тем сильнее элемент сжимается. **Пример:** ```html ``` В этом случае оба элемента не помещаются в контейнер (300px > 200px). `item2` сожмётся вдвое сильнее, чем `item1`, так как его `flex-shrink: 2`. Формула расчёта: `(flex-shrink * flex-basis) / сумма всех (flex-shrink * flex-basis)` × дефицит пространства.