Релевантные источники: - developer.mozilla.org -> [flex-grow](https://developer.mozilla.org/ru/docs/Web/CSS/flex-grow) > Данное свойство прописывается [[flex container и flex items|flex-элементу]] `flex-grow` — это CSS-свойство, которое определяет, насколько один конкретный [[flex container и flex items|flex-элемент]] может увеличиваться в размере по сравнению с другими элементами [[flex container и flex items|flex-контейнера]], когда есть свободное пространство. ### Значения свойства - **0**: (Значение по умолчанию) Элемент не будет увеличиваться, даже если есть свободное пространство. Это значение по умолчанию. - **положительное число**: Определяет коэффициент увеличения элемента. Элементы с большими значениями `flex-grow` будут увеличиваться больше по сравнению с элементами с меньшими значениями. ### Синтаксис ```css .child { flex-grow: 4; } ``` ### Интерактивная визуализация <iframe src="https://interactive-examples.mdn.mozilla.net/pages/css/flex-grow.html" width="100%" height="380px"></iframe>