CSS · Properties — CSS Grid Layout

grid-template

The CSS grid-template property. Initial value: grid-template-columns,grid-template-rows,grid-template-areas. Not inherited.

cssRunnable example css course

Syntax

grid-template: none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?

Example

Try it

.demo { grid-template: initial; }

Notes

Media: visual. Applies to: gridContainers. Computed value: grid-template-columns,grid-template-rows,grid-template-areas.

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course

grid-template

Example

Notes

More in this group

Learn this in the course