Skip to content

Glossary: CSS Layout and Responsive Design

grid-template-areas, grid-area

Also written: grid-template-areas, grid-area, named areas

`grid-template-areas` draws a layout as strings of names, one per row; `grid-area` puts an item in a named area. A `.` leaves a cell empty and areas must be rectangles.

Where the book teaches it

Related terms

grid-template-columns, grid-template-rows