MonorailCss

Grid Auto Rows

Utilities for controlling the size of implicitly-created grid rows.

Class CSS Output
auto-rows-auto 
grid-auto-rows: auto;
}
auto-rows-min 
grid-auto-rows: min-content;
}
auto-rows-max 
grid-auto-rows: max-content;
}
auto-rows-fr 
grid-auto-rows: minmax(0, 1fr);
}
auto-rows-(--my-size) 
grid-auto-rows: var(--my-size);
}
auto-rows-[value] 
grid-auto-rows: [value]
}

auto-rows-auto

grid-auto-rows: auto;

auto-rows-min

grid-auto-rows: min-content;

auto-rows-max

grid-auto-rows: max-content;

auto-rows-fr

grid-auto-rows: minmax(0, 1fr);

auto-rows-(--my-size)

grid-auto-rows: var(--my-size);

auto-rows-[value]

grid-auto-rows: [value]

Reference

grid-auto-rows MDN ↗

CSS Properties

  • grid-auto-rows