推薦｜網站健檢
先整理頁面結構，再找出最需要修正的使用流程。
LESSON-09 · CSS Grid
服務型網站的二維版面
這份頁面示範可伸縮的 Grid 欄位與推薦卡跨欄結果。
本階段觀察
- 先找出真正控制欄數的父層 .service-grid。
- 用 Computed 與 Grid overlay 觀察 columns、tracks、lines 與 gap。
- 約 390px 時確認卡片可讀，而且沒有水平捲軸。
服務方案
內容規劃
把商家服務整理成訪客看得懂的資訊層級。
版面製作
將內容轉成可閱讀、可操作的網頁。
上線檢查
確認欄位、連結與不同寬度下的版面結果。