CSSのgrid-template-areasとgrid-areaの組み合わせすごいな。もうどんなレイアウトでもできそう。
フォロー
グリッドテンプレート領域 - CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas
やりたかったこと一瞬でできた。