Let's assume I have a flexbox layout like below.
I want to make the #content div taking all the available space without breaking anything about scrollbar. I tried height: 100% in #content but that pushes the #navbar away from the viewport. What can I do to make this work? Any suggestions?For your convenience, I linked my jsfiddle here.