Как синхронизировать высоту подраздела элементов сетки, если они принадлежат одной сетке? [дубликат] ⇐ CSS

[Anonymous]

Эти продукты являются членами CSS сетка:

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

[list]  className={css({
display: 'grid',
gap: '8px',
gridTemplateColumns: 'repeat(auto-fill, minmax(160px, 1fr))',
})}
>
...
[/list]

Теперь предположим, что каждый участник имеет разметку, похожую на:

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

[*]
Product Title
Product Description

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


Подробнее здесь: https://stackoverflow.com/questions/786 ... the-same-g