Fill up remaining space using Flexbox

Question

I want the middle row to fill up whole browser just like any other websites. So even if there are few contents, I want the middle row to fill the entire space.

Here is t

Answer 1

If I duplicated what you are going for, adding display: block to .main should fix this. I've updated your jsfiddle and here's the link:

https://jsfiddle.net/zL26otcu/2/