Grid Template

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

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

Overview [sr-only]

grid-template:valuegrid-template: value
grid-template:rows/columnsgrid-template: rows/columns
grid-template:areas|rows/columnsgrid-template: areas rows/columns
grid-template:nonegrid-template: none

Conditionally apply

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

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

Style utility for creating multiple grid rows.

Grid Template Areas

Style syntax for setting areas in the grid container

MIT License © Aoyue Design LLC.