Syntax

Grid Row

Setting a grid items's size and location in a grid layout.

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

Overview

ClassDeclarations
grid-row:valuegrid-row: value;
grid-row-span:valuegrid-row: span value/span value;
grid-row-start:valuegrid-row-start: value;
grid-row-end:valuegrid-row-end: value;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="grid-row:2:hover grid-row:2@sm grid-row:2@dark grid-row:2@print"></div>
Syntax
Grid Columns

Style utility for creating multiple grid columns.

Syntax
Grid Rows

Style utility for creating multiple grid rows.

© Aoyue Design LLC.