目前進度 4／4
STEP GUIDE · Solution
這一步聚焦 TASK-03；下方只比較「Checkpoint 2 → Solution」的真實異動。
預計修改：style.css
完成後：所有按鈕具有一致尺寸、圓角與字重
完成後：兩種按鈕有清楚的行動層級
完成後：作品與服務卡片共用一致邊框及留白
展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。
檔案：index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案：style.css
style.css
.component-card { }
.component-card { padding: 24px; border: 1px solid #bdc9c2; border-radius: 16px; background: white; }
檔案：script.js
script.js
本練習沒有這個檔案。
檔案：README.md
README.md
先重新整理本階段頁面，記住目前畫面，再開始操作。
比較作品卡與服務卡的邊框、圓角及內距，確認外觀一致。
作品與服務卡片共用一致邊框及留白
完成後可見：作品與服務卡片共用一致邊框及留白
服務
把複雜資訊改寫成容易閱讀的頁面。
作品
用一致視覺呈現品牌個性與主要行動。
請來信 hello@example.com 討論合作。