flex это сокращённое свойство, в которым можно задать до трёх разных свойств:
- Значение пропорции. Оно может быть установлено отдельно с помощью свойства flex-grow.
- Следующее значение пропорции — flex-shrink — вступает в роль, когда flex элементы переполняют контейнер. Оно указывает, сколько забирается от размера каждого flex элемента, чтобы он перестал переполнять контейнер. Это продвинутая функция flexbox.
- Значение минимального размера, как мы обсуждали ранее. Оно может быть установлено отдельно с помощью свойства flex-basis.