Как правильно уменьшить колонку?

Question

[webe]

https://jsfiddle.net/4of1zgxt/2/

Подскажите плиз, как сделать так, что бы средняя колонка сужалась по ширние в 2 раза быстрей чем остальные?

ставлю:

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

Но почему-то она вообще сужается сразу же до микроскопических размеров.

UPD , хотя вроде бы доперло, нужно flex-basis ставить в конкретных пикселях, например 100px, когда доходим до 100px начинает работать flex-shrink, но что делать если я не хочу задавать минимальную ширину блока в пикселях?

Answer 1

[Филипп Гапоненко]

вот, пожалуйста.

UPDATE: https://jsfiddle.net/psr1919plus21/4of1zgxt/35/