[Layout-grid] Layout Grid not working properly on IE11

[kevinlo123]

Bug report

I am using the layout-grid component to create a basic layout. Everything works fine until i test the layout on IE11 using browser stack testing software. You guys have said that this library should work on IE11 so a little confused. I might be missing a step any help will appreciated.

Actual behavior

The layout doesn't seem to be getting some styles or some styles aren't working on IE11

Expected behavior

The layout should be the same across all major browsers that you guys test on.

Screenshots

Your Environment:

Software	Version(s)
MDC Web	Latest
Browser	Chrome (but testing on IE11)
Operating System	MacOS

[bonniezhou]

Can you please send us a Codepen of this layout?

[kevinlo123]

@bonniezhou Thank you for your response. https://codepen.io/kevinlo123/pen/eYYWMJK

[kevinlo123]

@bonniezhou any thoughts on this?

[kevinlo123]

Ive noticed the layouts are now working properly has this been resolved?

[abhiomkar]

Thanks for sharing the codepen. There wasn't any recent changes to layout grid.

Here is the grid demo page on our catalog:
https://material-components.github.io/material-components-web-catalog/#/component/layout-grid

I'm not able to repro this issue on IE11, works as expected.

Please reference this doc for usage:
https://material.io/develop/web/components/layout-grid/