推薦｜網站健檢
先整理頁面結構，再找出最需要修正的使用流程。
最小可執行實驗
CSS Grid 服務卡
操作方式
- 先用桌機寬度觀察欄數、卡片間距與推薦卡跨欄。
- 把 viewport 調到約 390px，觀察欄數減少且沒有水平捲軸。
- 用 Elements 選取 service-grid，開啟 DevTools Grid overlay。
服務方案
內容規劃
把商家服務整理成訪客看得懂的資訊層級。
版面製作
將內容轉成可閱讀、可操作的網頁。
上線檢查
確認欄位、連結與不同寬度下的版面結果。
你要留下的證據
- 桌機：Grid overlay 能看見欄線、gap 與推薦卡跨欄。
- 約 390px：欄數減少，卡片文字仍可讀，沒有水平捲軸。
- Computed：service-grid 有 display:grid、grid-template-columns 與 gap。