Grid

Grid Row

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

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

Overview [sr-only]

ClassDeclarations
grid-row:valuegrid-row: value
grid-row-span:valuegrid-row: span value/span value
grid-row-start:valuegrid-row-start: value
grid-row-end:valuegrid-row-end: value

Conditionally apply

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

<div class="grid-row:2:hover grid-row:2@sm grid-row:2@dark grid-row:2@print"></div>
PREVIOUS
Grid Columns

Style utility for creating multiple grid columns.

NEXT
Grid Rows

Style utility for creating multiple grid rows.

MIT License © Aoyue Design LLC.