Milligram: Grids are broken in IE11

Hi @davedele You can tell which version of your OS? You can also provide some print screen?

Hey @cjpatoilo, thanks for your reply. To be more specific, at any mobile breakpoint you get what you see in the attached image.

I'm using IE11 on Windows7

Hey @davedele For IE there is a partial support due to the great amount of bugs (see known issues)

If you find any solution, contact me. Thank you for reporting this issue.

Thanks @cjpatoilo, Here's a quick workaround for IE11:

I use a bit of js to find the UserAgent http://rog.ie/blog/html5-boilerplate-addon

Then I add a new media query:

@media screen and (max-width: 40em) {

    html[data-useragent*='rv:11.0'] .row .column {
        flex: none;
    }
}

What's breaking it in IE is the "flex:1" in the class ".row .column".

Change .row .column from flex: 1; to flex: 1 1 auto;

Works better, and it works for all browsers. Including IE11.