Checkpoint 要做什麼
只驗證本主題責任，不偷渡其他答案。
本主題檔案：files/style.css
定位：在 Console 比較長 URL 元素與文件的 scrollWidth/clientWidth，確認第一個超寬元素。
Checkpoint · code-edit
overflow 症狀與根因
只驗證本主題責任，不偷渡其他答案。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
卡片寬度受容器限制，但長 URL 使用 overflow-wrap:normal。
預期看到
runtime 的 overflow-wrap 由 normal 變 anywhere；人工重測時 scrollWidth 不再大於 clientWidth。
.long-url { overflow-wrap:anywhere; }檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口檔案：建立 .service-list 與三張 .service-card 的 HTML 結構。style.css
呈現層：逐步觀察 content、padding、border、gap 與 box-sizing。
證據：runtime before=normal、after=anywhere、property=overflow-wrap；人工證據為修正後 scrollWidth<=clientWidth
前往 Solution →