Last Updated: November 21, 2025
Focus Areas
| Focus |
|---|
Define grid templates with `repeat` and `minmax`
|
Leverage named lines for alignment
|
Commands & Queries
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
Define columns
grid-gap: 16px
Set spacing
place-items: center
Align content
Summary
Use auto-placement and responsive tracks for flexible grids.
💡 Pro Tip:
Use `minmax` and `auto-fit` for fluid layouts.