How to hack for IE10\11 on Flexbox?

Question

css

Made up the page partially on flexboxes. Everything works in all browsers, but in IE11 (and below) some kind of glitch appeared - on the block where the flexbox starts at the very minimum resolution (adaptive layout), all the lower-going blocks (not flex) fit.
Poked properties - it turns out he does not like flex: 1 and flex: 2, which are registered for 2 columns. Made flex: 0 and then it works.
***upd***: it also works if you turn off display: flex for the element at all (turn it back into block), then the flow falls into place.
Now I do not know how to register this style ONLY for IE and ONLY for the required resolution.
Can anyone advise? Thanks in advance!

Answer 1

Give a screenshot from IE and the html and css code on jsfiddle
Try to put an element after the flex element

<div style="height: 1px; display: block; oveflow: hidden;">

Try setting the flexbox element's css property to overflow: hidden