flex-shrink

flex-shrink: <number>

📝 Описание

Определяет, насколько элемент может сжиматься относительно других flex-элементов, если не хватает места.

Значение по умолчанию: 1

🎯 Возможные значения

<number> — положительное число (0 или больше)

.item {
  flex-shrink: 0;
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Flexbox