Can not stretch pic in grid cell properly

Hi! I am pllaying with grid.
I have a grid, first row just 20% high and want the pic to stretch out inside - does not matter if it is distorted.
codepen
But it is not stretching, neither with fill nor with cover. Could you tell me why please?
Thank you!

Found the solution.
For the pic you must not use max-width and max-height in a grid cell. This way the object-fit does not work. Instead use just width and height for image.
width: 100%;
height: 100%;

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.