flex-shrink - Коэффициент сжатия

Умножается на базовый размер flex-basis. Отрицательное пространство распределяется пропорционально тому, насколько элемент может сжаться, поэтому, например, маленький flex-элемент не уменьшится до нуля, пока не будет заметно уменьшен flex-элемент большего размера. Свойство не наследуется.

Примеры:

flex-shrink: 0;
flex-shrink: 1.5;
flex-shrink: 2;

flex-shrink В действии:

<style>
#content {display: flex; width: 500px;}
#content div {flex-basis: 120px;}
.box {flex-shrink: 1;}
.box1 {flex-shrink: 2;}
</style>

<div id="content">
  <div class="box" style="background-color:red;">A</div>
  <div class="box" style="background-color:lightblue;">B</div>
  <div class="box" style="background-color:yellow;">C</div>
  <div class="box1" style="background-color:brown;">D</div>
  <div class="box1" style="background-color:lightgreen;">E</div>
</div>