三項 Task 進度

TASK-01已完成

預計修改：style.css

完成後：首頁頂端出現完整背景照片

TASK-02已完成

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

完成後：內容置中不貼邊，CTA 可抵達精選作品區

TASK-03本步驟處理

預計修改：style.css

完成後：白色標題在照片上清楚可讀

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

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

HTML本步驟無異動

檔案：index.html

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

CSS本步驟有異動

檔案：style.css

.practice-hero::before { position: absolute; inset: 0; content: ""; }

.practice-hero::before { position: absolute; inset: 0; background: rgb(8 30 22 / 62%); content: ""; }

JavaScript本練習未使用

檔案：script.js

本練習沒有這個檔案。

本步驟不需修改此語言。

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

檔案：README.md

本練習沒有這個檔案。

本步驟不需修改此語言。

Solution TASK-03

完成後可見：白色標題在照片上清楚可讀

PORTFOLIO 2026

我是小安，正在學習前端開發。

FEATURED WORK

這裡是 Hero 行動按鈕必須抵達的真實內容。