Поиск самого большого элемента компонента для установки высоты других ⇐ CSS

[Anonymous]

Есть элементы карты сопоставления компонентов, которые выглядят следующим образом:





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

Код:

const [maxHeight, setMaxHeight] = useState(); useEffect(() => { const card = document.querySelectorAll(".card"); card.forEach((card) => { если (maxHeight) { if (card.getBoundingClientRect().height > maxHeight) { setMaxHeight(card.getBoundingClientRect().height); } } }); }, []); возвращаться ( {BestPractices.map((bestPractices) => ( {bestPractice.category} {bestPractice.name} {bestPractice.description
))} )
РЕДАКТИРОВАТЬ: Использование серверных компонентов.