Grid

Grid Column

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-column:value / grid-col:valuegrid-column: value
grid-col-span:valuegrid-column: span value/span value
grid-col-start:valuegrid-column-start: value
grid-col-end:valuegrid-column-end: value

Conditionally apply

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

<div class="grid-column:1:hover grid-column:1@sm grid-column:1@dark grid-column:1@print"></div>
PREVIOUS
Grid Auto Rows

Style syntax for setting the size of the grid rows.

NEXT
Grid Columns

Style utility for creating multiple grid columns.

MIT License © Aoyue Design LLC.