Streaming live at 10am (PST)

Webflow grid and browser support


#1

According to caniuse.com around 8% of users with older browsers won’t be able to use websites built with CSS grid. 2.5% users are still using IE11 which has just a partial support. It means around 10% of users wont be able to see/use websites built with CSS grid. It’s actually quite a lot of people. Is there any fallback solution for them? I am not sure my clients would be happy to have their website not working for each 10th visitor. Any solutions? It’s the only problem that stops me from starting using Webflow grid.


#2

The simple answer if you’re worried about this is don’t use it. I’ve noticed a large amount of frustration with Webflow regarding the limited support for Grid, but just because the feature exists doesn’t mean it’s right for all projects. Same goes for anything else supported in the platform that may not have 100% support across all browsers.

Obviously Grid makes it easy to create unique layouts but web developer were able to create amazing things before it came along, it just may have taken some creative problem solving.

That being said, depending on your audience you may actually have a much smaller percentage of visitors that actually use those outdated browsers. Caniuse.com is a great resource, but it’s taking into account the entire internet population and includes folks that may never have a need to visit the website you’re developing. My suggestion is to reference the analytics (if they exist) and go based off of that information instead.

Can you give us an example you’d like to create that requires Grid? I’m sure some folks may have some tricks up their sleeves that make it possible with more common web technologies.


#3

Hey, thx for the detailed answer. It was more of a general question.I don’t plan to create a complex layout that couldn’t be build without Flexbox. Grid can make the process faster and easer though.


#4

My apologies if my response came off a bit blunt, that wasn’t my intention.

I understand the tech is exciting and we’re all hoping we can use it as often as possible, but it already seems like it’s being used as a replacement for very basic web design techniques that utilize widely supported methods.

As an alternative you can always include a callout (either as a notification bar or modal) that recommends the visitor update their browser for the best experience. If you do a quick search you’ll find a handful of pre-packaged options available. Not ideal, but it will at the minimum communicate the idea that the user may experience issues on their current browser.