Grid

Grid Rows

Style utility for creating multiple grid rows.

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

Overview [sr-only]

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

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="grid-rows:12:hover grid-rows:12@sm grid-rows:12@dark grid-rows:12@print"></div>
PREVIOUS
Grid Row

Style syntax for setting a grid items's size and location in a grid layout.

NEXT
Grid Template

Style syntax for setting grid columns, grid rows, and grid areas.

MIT License © Aoyue Design LLC.