三項 Task 進度

TASK-01已完成

預計修改：style.css

完成後：320px 寬度不再出現圖片造成的水平捲動

TASK-02已完成

預計修改：style.css

完成後：手機一欄、較寬畫面兩欄

TASK-03本步驟處理

預計修改：style.css

完成後：導覽不溢出，每個連結保有足夠內距

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

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

HTML本步驟無異動

檔案：index.html

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

本步驟不需修改此語言。

CSS本步驟有異動

檔案：style.css

.portfolio-nav { display: flex; white-space: nowrap; }

.portfolio-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.portfolio-nav a { min-height: 44px; padding: 10px 14px; }

JavaScript本練習未使用

檔案：script.js

本練習沒有這個檔案。

本步驟不需修改此語言。

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

檔案：README.md

本練習沒有這個檔案。

本步驟不需修改此語言。

Solution TASK-03

完成後可見：導覽不溢出，每個連結保有足夠內距

清楚整理活動資訊。

呈現品牌故事。

提供可使用的聯絡入口。