Pattern Forge

grid-template-columns: repeat(4, 1fr)

Build a template

Change the count. Keep the pattern. That’s the whole point of repeat().

Expanded templates aren’t “wrong” — they’re just noisy. repeat() keeps your intent readable.

Stage

grid-template-columns: repeat(4, 1fr)
1Auto-placed
2Auto-placed
3Auto-placed
4Auto-placed
5Auto-placed
6Auto-placed
7Auto-placed
8Auto-placed
9Auto-placed
10Auto-placed
11Auto-placed
12Auto-placed

Same items. Same flow. Only the template changes.