建立自動調整欄數的 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；先核對可見結果，再前往 TASK-02。
整理品牌故事與商品特色。
https://portfolio.example.com/projects/coffee-brand-story-and-product-showcase清楚呈現活動資訊與報名流程。
查看作品整合文字、照片與學習歷程。
查看作品CONTINUE
前往 Checkpoint 2，依要求完成「加入一致的卡片間距」。