height: 100% on an image inside a grid, resize the image to height 0

[shaal]

In Chrome 67,
applying height: 100% to an img element inside a grid, will set the height of the image to 0

(Firefox doesn't have this problem)

Codepen: https://codepen.io/shaal-the-reactor/pen/RBGVVd

[hfhchan]

I also hit the same issue here: (works in Fx, fails in Chrome) https://codepen.io/anon/pen/QzaLQJ

The only way was to use flex instead:
https://codepen.io/anon/pen/oJpvMZ