実例で学ぶ CSS Subgrid | grip on mindsFirefox や Safari ではすでにサポートされている CSS Subgrid（サブグリッド）ですが、Google Chrome でも 2023 年 9 月上旬リリース予定の 117 よりサポートされます12。 Microsoft Edge でのサポートは今のところ未定ですが、Chrome に追従すると考えれば、バージョン 117 がリリースされる 2023 年 9 月中旬以降になるでしょう3。 この記事では、まもなく主要なブラウザでサポートされる CSS Subgrid について、実例を取り上げながら特徴や使い方を説明します。 サブグリッドは W3C の仕様では「CSS Grid Layout Module Level 2」に属しており、基本的な特徴としては以下が挙げられます。 子要素の配置を親グリッドのトラックに紐づけることができる サブグリッドを指定した子要素から、さらに直下
