flex–shrink : визначає, як flex-Елемент буде зменшуватися щодо інших flex-Елементів у flex-контейнері flex–grow : визначає, як flex-Елемент буде збільшуватися щодо інших flex-Елементів у flex-контейнері
flex–shrink – властивість CSS, яка визначає фактор стиснення flex-Елементу. Flex-Елементи будуть заповнювати контейнер залежно від значення flex–shrink , коли стандартна ширина flex-Елементів ширше, ніж flex-Контейнер. flex–shrink використовується разом із властивостями flex flex–grow і flex–basis .
CSS-властивість flex–grow визначає як багато вільного простору в flex-контейнер повинен бути призначений поточному елементу (flex grow factor – «коефіцієнт збільшення flex»). Вільний простір – різниця між розміром flex-контейнера та розміром всіх його flex-Елементів разом.
Ця помилка зустрічається в Chrome, Opera та Safari. Коли елементи мають надто великі розміри, щоб поміститися всередині контейнера, вони повинні бути трансформовані, щоб зменшити їх так, як це визначає властивість flex–shrink.