Почему не работает правило grid-row 1/-1?

Question

[dukat1727]

Не работает правило grid-row 1/-1, если у grid-контейнера отсутствует строка, явно указывающая на количество строк (grid-template-rows: auto). Хочу чтобы получилось вот так(код), при добавлении новых элементов, левая колонка тянулась на всю высоту grid-контейнера.

Код.

Comments

[Ankhena]

Почему не работает правило grid-row 1/-1?

Потому что спецификация и не обещала, что оно будет работать так, как вы хотите для неявной сетки.
Будет только для явной.

https://www.w3.org/TR/css-grid-1/#explicit-grids

Хочу чтобы получилось вот так(код), при добавлении новых элементов, левая колонка тянулась на всю высоту grid-контейнера.

Вы можете убрать вертикальный gap, заменив его на margin. И задать красному элементу span 999 или 1/999. Вместо 999 укажите предполагаемое максимальное количество элементов.

[dukat1727]

Огромное спасибо.