Checkpoint · code-edit

flex-grow、shrink、basis

只驗證本主題責任,不偷渡其他答案。

Checkpoint 要做什麼

只驗證本主題責任,不偷渡其他答案。

本主題檔案:files/style.css

定位:在 Computed 展開 flex,分別記錄 flex-grow、flex-shrink、flex-basis。

本階段驗收

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

目前要處理

featured item 使用 flex:0 1 auto,沒有伸展比例與明確 basis。

預期看到

runtime 的 flex 由 0 1 auto 改為包含 grow=1、shrink=0、basis=192px 的三值;人工比較卡片寬度變化。

.featured{flex:1 0 12rem}.regular{flex:0 1 10rem}

檔案清單

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

證據:runtime before 包含 0 1 auto;after 包含 1 0 與 192px;property=flex

前往 Solution →