IE Issues with Flexbox

Hi,

I’m having some issues getting my site ready in IE (and to some extent Safari). I’m using a lot of Flexbox and in IE this makes things behave differently than I want.

First off, some help pointing me to information regarding what I need to know in the future to build IE-proof websites in Webflow would be awesome. I tried finding this, but to no luck. (Though I’m by no means knows as an avid searcher.)

Second, I decided to focus on a specific problem hoping it will help me to fix the rest on my own:

  • I made a timeline purely using CSS and Flexbox so I can easily add new dates by just copying the div’s
  • This is what it looks like in X-ray mode. It all Flexbox using expand on the Div’s so they all align.
  • The problem is how it looks in IE and Safari:

It doesn’t seem to accept the Flexbox properties, or maybe the CSS properties. And this problem keeps popping up throughout the site whenever I use Flexbox in a way that seems normal to me. So what am I doing wrong to upset these browsers as they don’t seem to follow my logic.

Thanks so much for your help!


Here is my public share link: Webflow - Dutch Beer Academy

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