# 实战案例

URL: https://caijiao.org/css/08-grid/04-case
Source: docs/css/08-grid/04-case.md
Description: 通过实战案例，结合显式与隐式网格，创建响应式图片画廊，实现自动布局和间距控制。

本案例使用 CSS Grid 构建响应式图片画廊，展示多张图片自动排列，支持不同尺寸和间距。

### 目标

- 定义显式网格列宽
- 自动生成隐式网格行
- 自动放置图片项目
- 控制间距和响应式效果

---

## 实战案例示例

[在线代码演示](/css/demos/22.html)