Сделайте диапазон элемента сетки до последней строки/столбца в неявной сетке. ⇐ CSS

[Anonymous]

Можно ли создать диапазон элементов сетки от первой до последней строки, если я не знаю количества строк?
Предположим, у меня есть следующий HTML-контент с неизвестное количество блоков.
Как сделать так, чтобы третий .box занимал диапазон от первой линии сетки до последней?

Код: Выделить всё

.container {
display: grid;
grid-template-columns: repeat(3, minmax(10rem, 1fr)) [last-col] 35%;
grid-template-rows: auto [last-line];
}

.box {
background-color: blue;
padding: 20px;
border: 1px solid red;
}

.box:nth-child(3) {
background-color: yellow;
grid-column: last-col / span 1;
grid-row: 1 / last-line;
}

Код: Выделить всё

3

Подробнее здесь: https://stackoverflow.com/questions/440 ... licit-grid