How to make flex-basis work in IE11
My website is completely broken in IE11. The problem comes from flex: 1 1 0%; , which I use everywhere thanks to autoprefixer and postcss-flexbugs-fixes . The site does work on IE when I change it to flex: 1 1 auto; , but then some behaviors change (e.g. one flexbox with two flex: 1 1 auto; children which do not take exactly the same space). Therefore this solution breaks my designs on other browsers (while making it a lot nicer - not broken - on IE11). How do people manage to make their sites built with Flexbox work on IE11? Edit: here is a pen which highlights the problem I am facing: https: