CSS multiple divs inside of container makes page extend out of height 100%
<p>I<code>m googling, coding but can</code>t find a solution for my problem. I have container set to 100% height which contains another 100% container and also two divs with fixed height and that messes up the whole idea of having all the content in one screen with no need to scroll.
<a href="https://jsfiddle.net/6jk91tnq/" rel="nofollow">https://jsfiddle.net/6jk91tnq/</a></p>