三項 Task 進度

TASK-01本步驟處理

預計修改：style.css

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

TASK-02稍後處理

預計修改：style.css

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

TASK-03稍後處理

預計修改：style.css

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

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

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

HTML本步驟無異動

檔案：index.html

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

本步驟不需修改此語言。

CSS本步驟有異動

檔案：style.css

.hero-media img { width: 900px; }

.hero-media img { display: block; width: 100%; max-width: 100%; height: auto; }

JavaScript本練習未使用

檔案：script.js

本練習沒有這個檔案。

本步驟不需修改此語言。

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

檔案：README.md

本練習沒有這個檔案。

本步驟不需修改此語言。

Checkpoint 1 TASK-01

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

清楚整理活動資訊。

呈現品牌故事。

提供可使用的聯絡入口。