Grid

Grid Template Areas

Style syntax for setting areas in the grid container

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
grid-template-areas:valuegrid-template-areas: value
grid-template-areas:nonegrid-template-areas: none

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

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

Style syntax for setting grid columns, grid rows, and grid areas.

NEXT
Grid Template Columns

Style syntax for creating columns in a grid layout.

MIT License © Aoyue Design LLC.