grid-template-areas
This property specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties. 7.3. Named Areas: the grid-template-areas property
Links about grid-template-areas
Understanding CSS Grid: Grid Template Areas — Smashing Magazine
In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a look at how to use grid-template-areas to place items.
CSS Grid Template Areas In Action - Ahmad Shadeed
Since CSS Grid became supported in the major browsers back in March 2017 (Almost three years ago), I started using it in my personal and client projects, of ...
Tags:
Code sample
.grid {
display: grid;
grid-template-areas: "head head"
"nav main"
"foot ...."
}
Explore other pages
- article
Represents a self-contained composition in a document, page, or application.
- section
Represents a generic section of a document or application.
- h1 - h6
These elements represent headings for their sections.
- type="date"
A control for setting the element’s value to a specific date