[筆記] CSS Grid 的 items-stretch 實現卡片等高佈局

網頁排版中如何實現「卡片等高」是一個相當常見的需求。由於後端所給的資料內容長短不一，加上也有可能因為字體而導致換行 … 等因素，直接寫死高度並不是個好作法。這邊筆記下用 Grid 搭配 items-strech 屬性來完成。

---

內容

程式碼

https://stackblitz.com/edit/stackblitz-starters-tsnntnma?embed=1&file=index.html&view=preview

按讚加入粉絲團

延伸閱讀

• [筆記] CSS Grid 的 items-stretch 實現卡片等高佈局
• [筆記] 程式必修課！離散數學與演算法 – 125
• [筆記] 解決 Cannot find type definition file for ‘../../node_modules/.vue-global-types/vue_3.5_0_0_0.d.ts’ 問題
• [筆記] primevue/nuxt-module 升到 Nuxt4 錯誤暫時解法
• [筆記] Nuxt 解決 non-passive event listener 問題