Почему img height отличается от родительского height? И как это решить?

Question

[Bloon]

Comments

[Сергей delphinpro]

https://css-live.ru/articles/obzor-inlajnovyj-kont...

Answer 1

[Илья]

Потому что тег IMG -- инлайновый и на него влияют стили типографики.

Укажите для тега IMG блочные стили:

img {
    display: block;
}

Comments

[Bloon]

Благодарю

Answer 2

[Никита Мануйлов]

img {
  display: block;
  height: 100%
  object-fit: cover;
}

object-fit опционально