diff --git a/.claude/skills/generate-prototype-grid.tar.gz b/.claude/skills/generate-prototype-grid.tar.gz index 0ceeb49..9947cb4 100644 Binary files a/.claude/skills/generate-prototype-grid.tar.gz and b/.claude/skills/generate-prototype-grid.tar.gz differ diff --git a/.claude/skills/generate-prototype-grid/SKILL.md b/.claude/skills/generate-prototype-grid/SKILL.md index 854bc83..13d7eee 100644 --- a/.claude/skills/generate-prototype-grid/SKILL.md +++ b/.claude/skills/generate-prototype-grid/SKILL.md @@ -229,7 +229,7 @@ prototype/ /* 平铺网格布局 */ .prototype-grid { display: grid; - grid-template-columns: repeat(2, 1fr); /* 两列平铺 */ + grid-template-columns: 1fr; * 单列平铺,每个页面占据全宽 */ gap: 16px; padding: 16px; } @@ -277,7 +277,7 @@ prototype/ /* 中屏:2列平铺 */ @media (min-width: 768px) and (max-width: 1399px) { .prototype-grid { - grid-template-columns: repeat(2, 1fr); + grid-template-columns: 1fr; } } /* 小屏:1列平铺 */ @@ -303,7 +303,7 @@ prototype/ | 布局 | CSS | 适用场景 | |------|-----|----------| -| **2列网格** ⭐ | `grid-template-columns: repeat(2, 1fr)` | 默认,桌面端平铺 | +| **2列网格** ⭐ | `grid-template-columns: 1fr` | 默认,桌面端平铺 | | 3列网格 | `grid-template-columns: repeat(3, 1fr)` | 大屏幕,更多页面 | | 1列网格 | `grid-template-columns: 1fr` | 小屏幕,移动端 |