Content goes outside the flex container, how to fix it?

Question

css

I'm confused about the properties flex-grow, flex-basis, flex-shrink... Help me put together what combination of properties to use so that the text content does not go beyond the boundaries of the flex container? An example of such events is here: www.maksimkorolev.ru. If you open in IE a complete nightmare, and in other browsers - as it should.

Answer 1

If IE is less than version 11, then there will be a nightmare.
caniuse.com/#feat=flexbox