Why doesn't object-fit resize this image?

HTML-CSS
1

I can’t figure out why object-fit doesn’t resize this image? I’ve set a width and height for the container box:

https://codepen.io/El_Escandalo/pen/JjYOgZg?editors=1100

2

Hi @El_Escandalo,

You can always use

nav img {
  height: 100%;
}

To achieve the same result.

This way, the image will always resize based on the height of the container.

2 Likes