Как сделать картинкам одинаковую высоту без min-heght?

Question

[olya_097]

https://codepen.io/Olya097/pen/XWrvoJg

Answer 1

[Виталий Першин]

у .partners: align-items: streach;
у .partners__item: display: flex; align-items: streach;
Все изображения будут тянуться по высоте родителя

Comments

[olya_097]

Виталий, для img убрать height: 100%;
object-fit: cover; ?

[Виталий Першин]

olya_097, да, тут уже другой подход

[alex-1917]

вообще-то stretch
и он вообще-то (default)

[Виталий Першин]

alex-1917, Так будет наглядней, чем потом задавать вопросы откуда мифическое растягивание.

[olya_097]

Виталий, так не хочет
не во всю высоту
https://codepen.io/Olya097/pen/YzzKweg

[Виталий Першин]

olya_097, object-fit: contain; там точно не нужен, и у вас ограничение по ширине, при таком подходе вам нужно четко следить за шириной изображений иначе как вы хотите одновременно растянуть изображения разных размеров, одинаково по высоте, при этом ограничить их по ширине, такое возможно только если нарушить пропорции либо обрезать cover как раньше

[olya_097]

Виталий, ну так там нужно ограничение
Что то запуталась
Есть пример как можно подправить?

[olya_097]

Виталий, просто будет странно выглядит

[Виталий Першин]

olya_097, У вас при таком подходе ширина должна быть плавающей, либо значительно больше чем сейчас иначе вы не сможете пропорционально увеличивать изображение это физически невозможно.