Что не так в этой вёрстке с grid для Safari?

Question

[lagudal]

пример

речь об грид элементах сверху - в safari растягиваются на неопределенную высоту

Я так понял, что собственно гриды тут не при чем, нужно было так сделать, чтобы высота в ряду была всегда одинакова для всех элементов в ряду, независимо от числа строк в заголовке, недавно вот задавал этот вопрос тут
Но что именно растягивает в safari и как пофиксить?

Comments

[lagudal]

да, к сожалению, забыл об этом ограничении.
Ошибку нашел, всем спасибо, решено

Answer 1

[catch-a-chalk]

Задать фиксированную величину - неплохая идея, но нужно тогда предусмотреть переполнение контентом внутри карточки и прописать в стилях скролл.

У меня была схожая проблема: внутри флекс-контейнера изображение выбивало текст за пределы блока (и тоже только на сафари). Помогло свойство для изображения max-height: inherit;. А так как флекс-блок был внутри грид-сетки, высота подогналась по родителю.