В чем разница между flex-grow и flex-shrink в CSS Flexbox?

Разница между flex-grow и flex-shrink в CSS Flexbox заключается в том, что они определяют разные процессы поведения элементов:

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