How to make 3 columns with flex if the two outermost ones should be fixed?

Question

css

Hi all.
Tried using flex to make 3 columns.
The two outermost ones should be of fixed width, the central one - 100%.
Has anyone done similar?
Stretching the center column does not work in any way.

Answer 1

Set the center column:

-ms-flex: 1 1 0.000000001px;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: 0.000000001px;
flex-basis: 0.000000001px;

This is taking into account vendor prefixes - it will stretch to all the free space.