変わっていってる感じですよね。他にもいろいろとあるかもしれませんが、どんどん簡単にレイアウトが組めるようになってますよね。そんななか、これからのレイアウトにもってこいの「Grid」を勉強してみました。わけで、勉強したことをご紹介いたします。最後に気になるのがサポートブラウザ新しいものを使う時に一番気になる(しないといけない)のが、サポートブラウザですよね。IEでは使えるの?スマホはどうなの?ってところですよね。現在)サポートはこんな感じですね。思ってるよりはサポートサれておりました。気になるのが、Android4.4のところですかね。.72%の利用なので、そこまで影響ないのかな?日本だけだったらどうなんだろうか。ところでGridってどんなことができるの便利だ便利だ言われても、なにが出来るか知らなかったら、便利なのかどうかの判断もできませんよね。ことで、簡単にですがどんなことができるかですがグリッドをつかったレイアウトができる!画像のようなレイアウトが結構、簡単に組めるんですよね。縦をフリーに中身に依存するようなレイアウトも可能その時はそのフリー行が全部伸びます。固定だといろいろと使いにくいですよね。伸ばせれたら結構助かりますよね。それでは実際に組んで見る上で見せた画像のやつを組んでみます。これを親要素に指定して「grid」を宣言するみたいなの。要素と要素の間隔の指定。IE用の指定は間隔も指定する。