grid-template-areas(CSS)

定義主容器裡各區塊的位置與名稱

code:css

.example {

grid-template-areas:

"header header header header header"

"side main main main main"

"side footer footer footer footer";

}