CSS grid-template-columns Property Explained
What the CSS grid-template-columns property does, with an example.
Published November 4, 2026
The CSS grid-template-columns property defines the number and size of columns in a CSS grid container.
Key points
- Check browser compatibility on a resource like caniuse.com if targeting older browsers
Example
grid-template-columns: repeat(3, 1fr);