Starter · code-edit

min-width: 0 解決長內容

先看見缺口,再完成一個小修改。

Starter 要做什麼

先看見缺口,再完成一個小修改。

本主題檔案:files/style.css

定位:先選取問題 Flex item,讀 Computed min-width 與 scrollWidth/clientWidth。

本階段驗收

頁面不會替你修改檔案;請在實作檔完成後重新整理確認。

目前要處理

container 可縮;問題 item flex:1 1 15rem,但 min-width 仍是 auto。

預期看到

runtime 的 computed min-width 由 auto 變 0px;人工重測 item 與文件 scrollWidth/clientWidth 不再橫向溢位。

.service-card{flex:1 1 15rem;min-width:0}.service-card a{overflow-wrap:anywhere}

檔案清單

只在本階段資料夾內操作,避免改到其他章節。

證據:runtime before=auto、after=0px、property=min-width;人工證據為 item 與頁面 scrollWidth<=clientWidth

前往 Checkpoint →