How to shrink a column?

Question

css

https://jsfiddle.net/4of1zgxt/2/
Please tell me how to make the middle column narrow in width 2 times faster than the rest?
I put:

flex-shrink: 3;
  flex-shrink: 6;
  flex-shrink: 3;

But for some reason, it generally narrows immediately to microscopic sizes.
UPD , although it seems to be done, you need to set flex-basis in specific pixels, for example 100px, when we reach 100px flex-shrink starts working, but what if I don’t want to set the minimum block width in pixels?

Answer 1

here , please.
UPDATE: https://jsfiddle.net/psr1919plus21/4of1zgxt/35/