CSS Grid Layoutを使うと、行と列を使った格子上のレイアウトに役立ちます。複雑な画面構成でも領域を整理して配置しやすく、全体レイアウト設計に向いています。
gapに線をひきたい! gridとflexに罫線を入れられる新しいCSS
CSSだけでメイソンリーレイアウト - display: grid-lanesの使い方
gapの余白指定が便利！ gridとflexでできる新しいCSSレイアウト手法
特徴で使い分けたいCSSレイアウト手法 - CSS Grid, Flexbox, floatの使い分け
CSSグリッド入門
CSS Grid Layoutをガッツリ使った所感
