Syntax

grid-template-areas

Setting areas in the grid container

Class	Declarations
`grid-template-areas:value`	`grid-template-areas: value;`
`grid-template-areas:none`	`grid-template-areas: none;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="grid-template-areas:none:hover grid-template-areas:none@sm grid-template-areas:none@dark grid-template-areas:none@print">…</div>

Setting grid columns, grid rows, and grid areas.

Creating columns in a grid layout.