Смещение каменной кладки в Next.js с использованием CSS попутного ветра ⇐ CSS

[Anonymous]

Я создал галерею изображений с использованием CSS попутного ветра в Next.js 14.
Проблема в том, что описание элементов сетки в нижней части сетки перемещается в следующий столбец.
Решение, которое я попробовал:

• Я использовал классы сеткиgridgrid-cols-1 md:grid-cols-2 lg:grid-cols-3 для этой проблемы, но между изображениями были пробелы, которые мне не нужны.

Текущий вывод


Мой код

Код: Выделить всё

{ProductsMockData.map((products) => { return (







 {products.title}



{products.description}

{products.price}



); })}

Помощь приветствуется

Подробнее здесь: https://stackoverflow.com/questions/783 ... ilwind-css