Syntax
grid-auto-rows
Setting the size of the grid rows.
Overview
| Class | Declarations |
|---|---|
grid-auto-rows:`value` | grid-auto-rows: `value`;
|
grid-auto-rows:auto | grid-auto-rows: auto;
|
grid-auto-rows:min | grid-auto-rows: min-content;
|
grid-auto-rows:max | grid-auto-rows: max-content;
|
grid-auto-rows:minmax(`min`,`max`) | grid-auto-rows: minmax(`min`,`max`);
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="grid-auto-rows:min:hover grid-auto-rows:min@sm grid-auto-rows:min@dark grid-auto-rows:min@print">…</div>