Почему изображение выходит за пределы родителя по высоте?

Question

[greencost]

Всем привет.

Подскажите - почему изображение выходит за пределы родителя, ограниченного по высоте?

Пример здесь - https://codepen.io/mytrash/pen/yLbXqOP

Я знаю про

img {
max-width: 100%;
height: auto;
}

Я знаю, и как ограничить по высоте этот блок (задавать max-height самому изображению, а не родителю), но меня интересует - почему в принципе в данном случае изображение выходит за пределы родительского блока?

Comments

[Dimka59]

потому что указано - max-height, ссылке card__link

Answer 1

[Айрат]

У вас в html у изображения стоит фиксированная ширина/высота.
src="https://via.placeholder.com/728x500"

И да, фиксировать высоту динамичного блока не надо, контент может вылезти за его пределы.