【Gridレイアウトテストサイト所感】gridレイアウト ie11に対応させるには全てベンダープレフィックスです。ただ-ms-をつけたらいいってわけではなくて、モダンブラウザがライン基準の考えにたいして、ieはエリア基準、tableのようにspanさせる必要ありです。

このページはテストページなで、cssもstyleタグに書き込んでいるので、ソースで見ていただけるとわかるとおり、単純な配置だけなのに記述が長いです。現行のブラウザには対応していますが、仕事のサイトの場合、対応していないと言っても大きな型崩れはクレームになりそうなので、暫くは指定されない限り使わない方が無難かもです。・・といいつつ一年以上前からFLEXBOXは積極的に使っているんですけど・・

本題とは外れますが、重要!! main要素＜ｍａｉｎ＞ IEではそのままでは使えませんっていうか認識してくれません。display block を指定する必要ありです。　どうせ忘れそうだから暫くは使わない方がよさそうかも・・