三項 Task 進度

TASK-01本步驟處理

預計修改：index.html、style.css

完成後：四個導覽連結都到正確區塊

TASK-02稍後處理

預計修改：style.css

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

TASK-03稍後處理

預計修改：style.css

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

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

HTML本步驟有異動

檔案：index.html

<a href="#projects">作品</a>

<a href="#works">作品</a>

CSS本步驟有異動

檔案：style.css

.portfolio-shell { width: 1180px; }

.portfolio-shell { width: min(1100px, calc(100% - 32px)); margin: 0 auto; }
.portfolio-main { display: grid; gap: 24px; scroll-margin-top: 80px; }

JavaScript本練習未使用

檔案：script.js

本練習沒有這個檔案。

本步驟不需修改此語言。

README／其他文件本練習未使用

檔案：README.md

本練習沒有這個檔案。

本步驟不需修改此語言。

Checkpoint 1 TASK-01

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

前端學習紀錄

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

資訊層級與 CTA。

元件與 RWD。

hello@example.com