flex-grow

flex-grow: <number>

📝 Описание

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

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

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

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

.item {
  flex-grow: 1;
}

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

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

📚 Подробнее

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