After launching my first “flexbox dominant” site where a majority of the layout was built using the flexbox display setting, I soon discovered that IE and Safari weren’t rendering the site properly (different outcomes for both).
I’ve reviewed the browser compatibility of flexbox on caniuse.com as well as from other posts in the webflow forum. It seems that, in terms of webflow, the methods for overcoming the effects of partial flexbox support on these browsers is handled on a case by case basis. I’m not aware of any best practices to ensure that flexbox complications can be prevented for less-supported browsers.
I would love to use flexbox for all of my webflow sites… but now I’m starting to regret having built a site heavily reliant on flexbox. My client has already noticed the IE issue, in which the site is completely jumbled. I’m beginning to think I’m going to have to change the display settings and other positioning styles throughout the site…
My question: Should I refrain from using flexbox, or console my client in the fact that “96% of visitors are likely using a supported browser”, “the technology will catch up eventually so I wouldn’t worry?”, etc.
Or perhaps I just need to learn more about how to handle the beast and the wild challenges each browser throws my way?