[css-grid] Indefinite spans #388
Description
The definition for grid spans says:
How many grid tracks the grid item occupies. A grid item’s grid span is always _definite_, defaulting to 1 if it can’t be otherwise determined.
Though there are use cases, for which an indefinite span size (up to the border of the grid) is desired.
Example:
Grid with two columns and a varying number of items with the first item being the row number spanning over all grid rows.
CSS:
.row {
display: grid;
grid-template-columns: 50px 1fr 1fr;
}
.rowNumber {
grid-row-end: span 2; /* <-- Grid cell should span to the end of the grid, not have a fixed value. */
}HTML:
<div class="row">
<div class="rowNumber">1</div>
<div>a</div>
<div>b</div>
<div>c</div>
...
</div>I'd expect to have start and end keywords for this case, so I can write grid-row-end: span end and the spanning of the grid cell to dynamically adjust up to the end of the grid.
Sebastian
<
414F
div height="sm" width="random" class="Box-sc-g0xbh4-0 LoadingSkeleton-sc-14d3f1fe-0 hpcToU hFuQlZ">