Какие основные отличия между flex-grow и flex-shrink при работе с Flexbox?

Основные отличия между flex-grow и flex-shrink при работе с Flexbox:

1. flex-grow определяет, как элементы будут растягиваться внутри контейнера, когда есть свободное пространство. htmlacademy.ru Если задать flex-grow значение больше нуля, то флекс-элемент растянется на всё оставшееся во флекс-контейнере свободное пространство. htmlacademy.ru
2. flex-shrink отвечает за гибкость и сжатие элементов, когда доступное пространство ограничено. htmlacademy.ru Принимает числовое значение, которое указывает, какую долю свободного пространства элемент займёт при сжатии относительно других элементов в контейнере. htmlacademy.ru Чем больше значение у этого свойства, тем быстрее элемент будет сжиматься по сравнению с соседями, имеющими меньшее значение. doka.guide