Чем отличаются flex-grow и flex-shrink от обычного CSS?

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

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

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