Syntax

grid-row

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

Overview

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

Apply conditionally

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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy