Menu icon Foundation
Clarification on flex grid browser support

We're beginning our first project using Zurb Foundation. We're on v6.2.4 and will switch to v6.3.0 when available. We'd like to clarify the browser support for Zurb's implementation of flex grid.

On this page: http://foundation.zurb.com/sites/docs/flex-grid.html, Zurb states, "The flex grid is only supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4.4+." But there's also this link on this same page: View flexbox browser support which seems to indicate that IE10 doesn't support flexbox, and IE11 only partially supports flexbox.

Which documentation source is correct regarding browser support for Zurb's flexbox and flex grid implementations?

Thank you,

Jim

Foundation for Sitesflex gridbrowser support

We're beginning our first project using Zurb Foundation. We're on v6.2.4 and will switch to v6.3.0 when available. We'd like to clarify the browser support for Zurb's implementation of flex grid.

On this page: http://foundation.zurb.com/sites/docs/flex-grid.html, Zurb states, "The flex grid is only supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4.4+." But there's also this link on this same page: View flexbox browser support which seems to indicate that IE10 doesn't support flexbox, and IE11 only partially supports flexbox.

Which documentation source is correct regarding browser support for Zurb's flexbox and flex grid implementations?

Thank you,

Jim

This post has been closed. No new replies can be added.

Rafi Benkual almost 3 years ago

The flex grid is supported anywhere the newer syntax is: 

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

For IE it's 10+

We've used it on IE 10, 11 and Edge browsers with success.