CSS|全ブラウザ対応した! グリッドレイアウト[Grid Layout]の新機能サブグリッド[Subgrid]とは
今回は、グリッドレイアウトの新機能サブグリッドを紹介します!
グリッドレイアウトとは
要素を格子状(グリッド)に配置するレイアウト手法です。flexboxと同じで、親要素と子要素が必要。
親要素にdisplay: grid;を記載することで、下記のように全体を囲む親要素がグリッドコンテナーになり、子要素がグリッドアイテムになります。また、グリッドアイテムの間の空白スペースをグリッドギャッ