Solution · code-edit

grid-template-areas

對照完整答案、責任邊界與原因。

Solution 要做什麼

對照完整答案、責任邊界與原因。

本主題檔案：files/style.css

定位：在 Computed 讀 grid-template-areas，再核對每個 item 的 grid-area 拼字。

頁面不會替你修改檔案；請在實作檔完成後重新整理確認。

container 有兩欄但 grid-template-areas:none；三個 items 已具 grid-area 名稱。

runtime 的 grid-template-areas 由 none 變成包含 header header 與 sidebar main 的矩形定義。

.layout{grid-template-areas:"header header" "sidebar main"}.site-header{grid-area:header}

只在本階段資料夾內操作，避免改到其他章節。

證據：runtime before=none；after 包含 "header header" 與 "sidebar main"；property=grid-template-areas