why is height: 100%; not working?

Hey, I have a flex container with an image and text. I'd like the image (it's in a div so the div) to take up the full height of the parent container however it doesn't seem to work? it only works with min-height. I don't understand why this is happening? It has the room to grow since the parent container is the height of the text. Unless in this case 100% means the content? Thanks in advance.

https://codepen.io/deerCabin/pen/wvLZdEe
CodePenR
...
flex-query
Was this page helpful?