建立自動調整欄數的 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-03；請操作完整作品，逐項核對三項 Task 的可見結果。
整理品牌故事與商品特色。
https://portfolio.example.com/projects/coffee-brand-story-and-product-showcase清楚呈現活動資訊與報名流程。
查看作品整合文字、照片與學習歷程。
查看作品CONTINUE
三項固定任務都已完成；下一步請改造需求、留下成果證據，不要停在照抄 Solution。