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
- position: absolute
A box is explicitly offset with respect to its containing block.
- grid-template-areas
Specifies named grid areas.
- async
Defines async functions inside expressions.
- aria-label
Defines a string value that labels the current element.