Flexbox and IE11 - images breaking out of grid

Design help General
1

Hi guys - so I’ve read that Flexbox is only partially supported in IE11.

Is what I’m seeing here for my grid tiles normal then?
http://camping.mec.ca/

Editor link:
https://preview.webflow.com/preview/mec-camping?preview=38d2447ac98f94e92a436b8612c2739e

In all other browsers things seem fine. In IE11 the products basically explode out of the grid. Any suggestions on if there is even a fix for IE11? Should I just rebuild all the tiles manually with a set height and drop flexbox all together (sadness but we need IE11 to work)? Cheers!

2

This is a problem with IE therefore if you need it to be supported on IE I would not suggest using Flexbox. Hope this helps. :wink:

3

Thanks Vlad! I’ll refactor then.