Как сделать элементы с разной высотой?

Question

[intriga93]

Comments

[Lynn «Кофеман»]

Masonry, masonry, masonry, masonry

[Виталий Першин]

Сегодня что праздник какой-то у masonry?)

[intriga93]

Виталий, Lynn «Кофеман», а на гридах как то возможно?

[Lynn «Кофеман»]

Виталий, угу https://www.smashingmagazine.com/native-css-masonr...

[Lynn «Кофеман»]

intriga93, см выше, только его ещё нет нигде

[intriga93]

Lynn «Кофеман», аа
поддержка слабая?

[Ankhena]

Обычный CSS columns поможет

[intriga93]

Ankhena, пробую
но почему то некоректное отображение

https://jsfiddle.net/8jwpna3f/1/

[Ankhena]

intriga93, display inline-block детям

Answer 1

[Danila534]

Попробуй сделать так:
В самом блоке поставь height:100%;
При добавление и т.д. в них не забудь вставить line-height: n px
Вот и все, у тебя должны получиться блоки разной высоты, если ты хочешь видеть блоки так же как и на скриншоте, поставь: display: inline-block;