最近、徐々に注目を浴びているCSSのグリッドレイアウトモジュール「display:grid;」について調べてみました。 結論から述べると、とても素晴らしい技術で、Bootstrapとかいらなくなるかもしれないなと感じました。 CSSグリッド対応ブラウザまずいちばん気になるのが対応ブラウザ。対応していないブラウザがあると、それだけでそもそも導入できなくなる。 現在(2018年7月 現在)、対応状況は以下のようになります。 IE11(一部対応)EdgeFirefoxChromeSafariiOS SafariChrome for Android等 IE11が完全対応していないのが気になります。。(マジかよIE) でも、対応していないブラウザは時間の問題で解決されるので一旦放置します。 現状は完全導入はちょっと注意が必要になりますね。 そもそもCSSグリッドレイアウトモジュールってどんなの?簡単