Why is the outer container div shrinking beyond its child element when resizing browser height?

Question

So i have the following html page:

and I\'m working on a "holy grail layout" using the grid structure in css for my website, consisting of a