四階段使用同一份檔案骨架。Checkpoint 只逐項完成任務，Solution 不加入延伸功能。
| 任務 | 完成標記 | 修改檔案 | 修改位置 | 可見結果 |
|---|---|---|---|---|
| TASK-01 | DONE-01 | index.html、style.css | 導覽 href、.portfolio-shell、.portfolio-main、各 section id | 四個導覽連結都到正確區塊 |
| TASK-02 | DONE-02 | style.css | .portfolio-hero、.portfolio-section、.portfolio-grid | 各來源區塊像同一個網站而非貼上碎片 |
| TASK-03 | DONE-03 | style.css | 760px media query | 320px 下導覽換行、作品一欄且無水平捲動 |
階段差異
starter/：三項 TASK 都保留，先讀骨架與預測結果。checkpoint-1/：只完成 DONE-01。checkpoint-2/：保留 DONE-01，再完成 DONE-02。solution/：只在相同位置完成 DONE-03；沒有無關重構。
人工驗收
提交整合檢查表、320px 與桌機截圖，並現場用導覽走完四個區塊。