CHAPTER 13 · PRACTICE WORKSPACE

作品集整合、回歸修復與階段展示

在既有整合頁修正錨點、間距與手機版回歸,留下修補前後證據

04 Solution 3/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01已完成

修正整合頁共同容器與可用錨點

修改檔案:index.htmlstyle.css

完成後看見:四個導覽連結都到正確區塊

TASK-02已完成

統一 Hero、內容區與卡片間距

修改檔案:style.css

完成後看見:各來源區塊像同一個網站而非貼上碎片

TASK-03已完成

完成手機回歸修正

修改檔案:style.css

完成後看見:320px 下導覽換行、作品一欄且無水平捲動

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

小綠作品集

前端學習紀錄

把零件組成真正作品

查看作品

關於我

我用清楚的結構整理每一次學習成果。

作品

活動頁

資訊層級與 CTA。

品牌頁

元件與 RWD。

聯絡

[email protected]

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰