Grid Layout

一定の幅と高さのボックスを繰り返し表示するタイルレイアウトをレスポンシブ対応にするため、CSS Grid Layout について調べてみました。

CSS Grid Layout（グリッドレイアウト）とは

CSS を用いて 2 次元のレイアウトを構築するための機能です。格子状のマス目（グリッド）に要素を配置したり、結合したりすることで、様々なレイアウトが可能になります。