Syntax
grid-row
Setting a grid items's size and location in a grid layout.
Overview
Class | Declarations |
---|---|
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>