Syntax

grid-area🚧

Setting a size and location within a grid.

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

Overview

ClassDeclarations
grid-area:valuegrid-area: value;
grid-area:nonegrid-area: none;

Conditionally apply

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

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

Setting layout of grid system.

Syntax
grid-auto-columns

Setting the size of the grid columns.

© Aoyue Design LLC.