Hello! I’m hoping someone can help me out, still kind of a newbie lol. Just building a site for our small business.
It seems that all of the grids on our site get messed up on older browsers and the elements stack on top of eachother. A potential client was on our site this morning and called me because our pricing table were all stacked on top of eachother and she couldn’t read it. I’m just grateful she called me and didn’t just move on to another photo booth company =).
You could probably switch all of those layouts to flexbox if you need to support old IE, or just don’t worry about it as the usage is very low for those browsers at this point.
IE 11 has partial support for CSS Grid. So layouts that need to work on that EOL browser should be built with standard positioning and minimal use of flex box. Use standard columns instead.
Global use of IE11 is showing at 1.86% (according to caniuse). So you can factor that into your decisions.
When determining what features are supported on what browser / version, a popular tools is caniuse.com.
