Syntax
grid-template-rows
Creating rows in a grid layout.
Overview
| Class | Declarations |
|---|---|
grid-template-rows:value | grid-template-rows: 3220.893700142526rem;
|
grid-template-rows:none | grid-template-rows: none;
|
grid-template-rows:min | grid-template-rows: min-content;
|
grid-template-rows:max | grid-template-rows: max-content;
|
grid-template-rows:repeat(min,max) | grid-template-rows: repeat(min,max);
|
grid-template-rows:fit-content(min,max) | grid-template-rows: fit-content(3227.647206805165rem,3227.649355087192rem);
|
grid-template-rows:minmax(min,max) | grid-template-rows: minmax(3229.1404905696645rem,3229.1306182087337rem);
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="grid-template-rows:none:hover grid-template-rows:none@sm grid-template-rows:none@dark grid-template-rows:none@print">…</div>