Как отменить одинаковую высоту у блоков в display grid?

Question

[Дмитрий]

Есть такой блок в нём выделенный элемент имеет высоту соответствующею его sibling, как можно прописать всем элементам что-то по типу height: fit-content; только в гридах?

Comments

[Сергей delphinpro]

https://yandex.ru/search/?text=masonry+layout&lr=2...

[Ankhena]

Вам же в предыдущем вопросе написали про columns.

[Дмитрий]

Ankhena, это не то

[Ankhena]

Дмитрий, очень даже то, если рассматривать чистый css. Гридами просто так это не решается.
Только с помощью js. Либо классическим плагином Masonry либо его аналогами (есть отдельно и для гридов).

[Сергей delphinpro]

Ankhena,

Гридами просто так это не решается.

Гридами просто так это [пока] не решается. :)

[Ankhena]

Сергей delphinpro, да, я тоже мечтаю

[Вадим]

Костыльный хотфикс для текущего решения - сказать что блок "дополнения" должен расширяться на две строки

[cssfish]

неясно о чем вопрос - про весь выделенный синим блок?
или про его детей?
или хотите чтоб "москитые сетки" чтобы шли сразу после роллет?

если последнее, то можно флоатах сделать, раскидывая left-right поочередно

Answer 1

[Антон Романков]

Либо Masonry использовать, либо переходить на flex.