В чем разница между свойствами flex-grow и flex-shrink?

Разница между свойствами flex-grow и flex-shrink заключается в том, как они определяют поведение элементов во flex-контейнере. metanit.com webformyself.com

flex-grow управляет расширением элементов, если во flex-контейнере есть дополнительное место. metanit.com В качестве значения свойство принимает положительное число, которое указывает, во сколько раз элемент будет увеличиваться относительно других элементов при увеличении размеров flex-контейнера. metanit.com

flex-shrink определяет, как flex-элемент будет уменьшаться относительно других flex-элементов во flex-контейнере, если в нём не хватает места для расположения всех элементов без изменения размеров. doka.guide metanit.com Чем больше значение у этого свойства, тем быстрее элемент будет сжиматься по сравнению с соседями, имеющими меньшее значение. doka.guide