正解はgrid-template-areasです。grid-template-areas: "header header" "sidebar main" "footer footer"のように視覚的にレイアウトを定義できます。各子要素にgrid-area: headerのようにエリア名を指定します。