grid-template

以下は同じ

code:css

grid-template: 60% 1fr/ 200px 1fr;

code:css

grid-template-rows: 60% 1fr;

grid-template-columns: 200px 1fr;

各cellに名前をつけることもできる

code:css

.global-layout {

display: grid;

grid-template: "header" auto "contents" 1fr "footer" auto/100%;

min-height: 100vh;

}