Как убрать пробелы между блоками разной высоты,grid?

Question

[Aiode]

Подскажите пожалуйста как убрать пробелы между блоками если они будут занимать разную высоту?
при добавлении серых блоков https://codepen.io/Konoplitskiy/pen/WNredvd

Answer 1

[Арсений Матыцин]

https://codepen.io/i-am-studio_ru/pen/JjGPMKP

и
https://masonry.desandro.com/ (можно без гридов, можно на гридах: потребуется расчет на JS своими силами или можно найти скрипт)

Comments

[Aiode]

Спасибо за ответ,скажите а можно ли так вообще осуществить, чтоб элемент не растягивался по высоте самого высокого блока а примыкал к верхнему элементу согласно своей высоты а под ним так же элемент примыкал к нему независимо от контента? Благодарю

[Арсений Матыцин]

Aiode, https://masonry.desandro.com/

Answer 2

[profesor08]

CSS Grid, Flex тебе не помогут. Для этих целей можешь использовать старые, малоиспользуемые вещи в CSS, такие как column-count и column-gap
https://codepen.io/Profesor08/pen/gObpmzO