修正整合頁共同容器與可用錨點
修改檔案:index.html、style.css
完成後看見:四個導覽連結各抵達唯一正確區塊,且 320px 容器不超出視窗
CHAPTER 13 · PRACTICE WORKSPACE
在既有整合頁修正錨點、間距與手機版回歸,留下修補前後證據
TASK STATUS
修改檔案:index.html、style.css
完成後看見:四個導覽連結各抵達唯一正確區塊,且 320px 容器不超出視窗
修改檔案:style.css
完成後看見:Hero 與內容區 padding 相同、主區塊 gap 為 24px、卡片網格 gap 為 18px,兩張卡片 computed 樣式一致
修改檔案:style.css
完成後看見:320px 導覽換行、作品一欄且無水平捲動;1100px 作品維持兩欄
WORKSPACE
已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。
第 12 章 → 第 13 章 → 第 14 章
第 12 章交出的 .hero-media img/.work-grid/.portfolio-nav 已有 viewport、欄數與鍵盤/錨點證據;本章不直接複製那些 DOM,改在 .portfolio-shell/.portfolio-links/.portfolio-main 整合。通過四個 hash、共同間距與 320/1100px 回歸後,第 14 章接手這個資料夾的 index.html、style.css 與修補前後證據,建立 Git/README/commit,不重新建立版面。
CONTINUE
三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。