Как сделать авто высоту для блока в css grid?

Question

[ynashyvan]

Если в одном из блоков будет больше текста, то появится отступ между блоками

Как можно избавиться от отступа?

Чтобы блоки шли один за одним без отступов. Вот так:

Использую css grid и классы tailwindcss или лучше использовать flexbox для такой сетки?

Answer 1

[Ankhena]

Либо css свойство columns либо плагины типа masonry.
Гриды сами по себе такого не сделают.

Comments

[ynashyvan]

спасибо, получилось через columns

[Ankhena]

nashivancom, деткам не забудьте inline-block поставить, чтобы целиком переносились в новый столбец, без разрыва в середине.

Answer 2

[Vladislav]

grid-template-rows: repeat(2, auto) попробуй

Comments

[ynashyvan]

https://tailwindcss.com/docs/grid-template-rows в документации не могу найти, попробовал присвоить в css, тоже не работает

Answer 3

[webdev_80]

nashivancom, удалось найти решение?

Comments

[ynashyvan]

получилось через columns

[webdev_80]

Спасибо за обратную связь!
В Вашем случае блоки ложатся вниз. В случае с расположением в ряд, не подходит.