Flex-grow и flex-shrink отличаются от обычного CSS тем, что относятся к модулю Flexbox. 12 Он позволяет управлять расположением, порядком, размерами и отступами между элементами веб-страницы. 1

Flex-grow позволяет указать, какую долю свободного пространства во flex-контейнере может занимать элемент, или, другими словами, в какой степени он может «расти» вдоль главной оси. 1 В качестве значения можно задать любое неотрицательное число, по умолчанию это 0. 1

Flex-shrink, в противоположность flex-grow, позволяет указать, насколько сильно элемент должен сжиматься, если суммарная ширина элементов превышает размер контейнера. 1 Значение может быть любым положительным числом. 1 По умолчанию у всех дочерних элементов устанавливается значение этого свойства 1. 1