Syntax

grid-rows🚧

Style utility for creating multiple grid rows.

🚧This page is still under construction and some content may not be complete.

Overview

ClassDeclarations
grid-rows:valuedisplay: grid; grid-auto-flow: column; grid-template-rows: repeat(value,minmax(0,1fr));

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="grid-rows:12:hover grid-rows:12@sm grid-rows:12@dark grid-rows:12@print">…</div>
Syntax
grid-row

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

Syntax
grid-template

Setting grid columns, grid rows, and grid areas.

© Aoyue Design LLC.