Solution · code-edit

Grid item 對齊

對照完整答案、責任邊界與原因。

Solution 要做什麼

對照完整答案、責任邊界與原因。

本主題檔案:files/style.css

定位:先確認被測節點是 Grid item,再分開讀父層 align-items 與自身 align-self。

本階段驗收

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

目前要處理

container align-items:stretch;推薦 item align-self:auto。

預期看到

runtime 的 align-self 由 auto 變 end;其他 items 仍依容器 align-items:stretch。

.grid{align-items:stretch;justify-items:start}.featured{align-self:end}

檔案清單

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

證據:runtime before=auto、after=end、property=align-self;其他 item computed align-self 仍為 auto

回到主題說明