建立自動調整欄數的 Grid
修改檔案：style.css
完成後看見：作品卡片依寬度自動排成多欄
我的作品
咖啡品牌頁
整理品牌故事與商品特色。
https://portfolio.example.com/projects/coffee-brand-story-and-product-showcase活動報名頁
清楚呈現活動資訊與報名流程。
查看作品個人介紹頁
整合文字、照片與學習歷程。
查看作品CHAPTER 07 · PRACTICE WORKSPACE
完成整齊且不溢出的作品卡片列表
TASK STATUS
修改檔案：style.css
完成後看見：作品卡片依寬度自動排成多欄
修改檔案：style.css
完成後看見：卡片之間留有整齊空隙
修改檔案：style.css
完成後看見：長網址會換行且不超出卡片
WORKSPACE
先確認作品目前能做什麼、還缺什麼，再從 TASK-01 開始修改。
整理品牌故事與商品特色。
https://portfolio.example.com/projects/coffee-brand-story-and-product-showcase清楚呈現活動資訊與報名流程。
查看作品整合文字、照片與學習歷程。
查看作品CONTINUE
下載版只包含 Starter；完成本頁操作後，請回線上教材進入 Checkpoint 1。