Streaming live at 10am (PST)

Browser Support: Columns vs Flexbox vs Grid


#1

Hello everyone!

I noticed that flexbox is not currently working with IE.
What about Grid and Columns Widget ?

What’s the best choice in terms of compromise between flexibility and good code practice vs browser support?

If I want 100% working website I can only use comuns widget. Is that right?
When use what?

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

FLEXBOX

flexbox in “practice” works on IE. And also webflow add vendor-prefix. IE 6-9 not supported flexbox (The vendors solve most problems). Anyway less than < 0.5% use this browsers.

https://caniuse.com/#feat=flexbox

In other words - Use columns and flexbox anytime you want :slight_smile:

GRID

About grid - less support VS flexbox (Newer feature). Anyway again the same idea of vendors. For regular/simple columns (blog list and aside with menu) its better to use columns (Flexbox).

Related:

Support for old browsers — is it necessary?


#3

Thanks @Siton_Systems. How can I fix things like that with IE10? In this case is better use Columns instead of Flexbox? https://ie10.ieonchrome.com/#http://stefanias-beautiful-project.webflow.io/


#4

columns also use flexbox (But by webflow build-in widget). Add url of your bug/problem.


#5

https://preview.webflow.com/preview/stefanias-beautiful-project?utm_source=stefanias-beautiful-project&preview=1d4137c6bb21ca5dd387d791de406671


#6

Not read only. Live url + screenshot of the bug. + ie version. Thanks


#7

Here you go @Siton_Systems
http://stefanias-beautiful-project.webflow.io/

IE

Chroome


#8

What IE Version? …ok i will take a look later


#10

@Siton_Systems IE 10 https://ie10.ieonchrome.com


#11

Try to set the max-width to 100%