Flexboxを使ったCSSレイアウトが広まった2016年。2017年は一足早く、Grid Layout Moduleを使ったCSSレイアウトにも触れてみませんか? この記事では、グリッドレイアウト(Grid Layout)モジュールを使ってWebページに要素を配置する、7つの方法を紹介します。 SitePointでは以前にも、『Flexboxよりも新しい!CSSレイアウトの最新仕様Grid Layout を先取りしよう』『An Introduction to the CSS Grid Layout Module』『CSSレイアウトの常識が変わる!Grid Layout Moduleの最新動向を追いかけろ』でグリッドレイアウトを取り上げています。 本記事ではCSSのグリッドを使って要素を配置する方法だけに的を絞ります。 グリッドレイアウトの貧弱なサポート状況への対策 以前の記事で述べたよう
![2017年に学びたい!次世代CSSレイアウト「Grid Layout Module」の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/672515a2f234ce8a354b970d046fc6ddee35a987/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2022%2F07%2F28%2F2445857%2Fl%2F0aa3bd4133bad2d0.jpg)