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: https://preview.webflow.com/preview/dutch-beer-academy?preview=9901cb182cd50c3decc1ee33f2b54109