Syntax
grid-template-rows
Creating rows in a grid layout.
Overview
| Class | Declarations |
|---|---|
grid-template-rows:`value` | grid-template-rows: `value`;
|
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(`min`,`max`);
|
grid-template-rows:minmax(`min`,`max`) | grid-template-rows: minmax(`min`,`max`);
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="grid-template-rows:none:hover grid-template-rows:none@sm grid-template-rows:none@dark grid-template-rows:none@print">…</div>