grid-template-areas property designates areas within a grid layout.
grid-area property is used to name grid items, which can then be referenced by name in the
grid-template-areas property. Areas are defined by apostrophes, and a period is used to refer to a grid item with no name.
grid-template-areas: "exampleArea exampleArea . .";
Default value. There will be no named grid areas.
A sequence that designates how each of the columns and rows should display.
Have a code example of
grid-template-areas? Submit a codepen.io demo and we'll showcase it here ↴
Help @reference spread the word by sharing this article on Twitter...Tweet This