Menu icon Foundation
Using the Foundation 6 Flexbox grid with IE9

Hey Everyone -

Ran across this post today. To get the flex grid to work in IE9 (it's IE10+ by default) they are using a conditional to load the float grid.
https://plus.google.com/b/116061889280646671408/+EdgeWebware/posts/5bfjEB9P7YE?cfem=1

Here's my thought on this -
* You have to load both grids = more CSS
* Luckily, both grids have the same base classes for sizing
* Some of the flexbox alignment classes would not work in IE9 because they are not in the float grid

Seems like a cool solution to get things to work and has some drawbacks. What do you guys think of doing it this way?

IE. gridcssflexboxflex grid

Hey Everyone -

Ran across this post today. To get the flex grid to work in IE9 (it's IE10+ by default) they are using a conditional to load the float grid.
https://plus.google.com/b/116061889280646671408/+EdgeWebware/posts/5bfjEB9P7YE?cfem=1

Here's my thought on this -
* You have to load both grids = more CSS
* Luckily, both grids have the same base classes for sizing
* Some of the flexbox alignment classes would not work in IE9 because they are not in the float grid

Seems like a cool solution to get things to work and has some drawbacks. What do you guys think of doing it this way?

Brandon Arnold over 3 years ago

Thnaks, Rafi!