Streaming live at 10am (PST)

Flexbox and IE11 - images breaking out of grid


#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.


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.