CSSグリッドデザイン
ページ構成
画面分割をCSSでやる
サンプルコード
/* コンテナ */ #container { display: grid; grid-template-rows: 50px 100px 570px; grid-template-columns: 1420px; } /* アイテム */ #itemA { grid-row: 1 / 2; grid-column: 1 / 2; background: #AD8; } #itemB { grid-row: 2 / 3; grid-column: 1 / 2; background: #AF8; } #itemC { grid-row: 3 / 4; grid-column: 1 / 2; background: #AFD; }