Grid-auto-rows с auto – как контролировать высоту последней строки? ⇐ CSS

[Anonymous]

Мне нужно создать контейнер-сетку с неизвестным количеством строк - чтобы все строки, кроме последней, занимали высоту содержимого, а последняя строка (независимо от высоты содержимого) занимала оставшуюся высоту содержимого. контейнер сетки.
Вот мой вариант HTML:

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

some data 1
some data 2
some data 3
some data 4
last one

Я пытался сделать:

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

.grid-container {
display: grid;
grid-template-rows: repeat(auto-fill, min-content) 1fr;
height: 500px; /* It doesn't really matter, it's just for clarity's sake. */
}
.item {
height: max-content;
}

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

 grid-template-rows: repeat(auto-fill, min-content) 1fr;

- это неверный код (просто моя попытка решить проблему), но я не знаю, как решить эту проблему, помогите, пожалуйста, и заранее спасибо


Подробнее здесь: https://stackoverflow.com/questions/784 ... -last-line