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

Add height:100vh to .main class

https://jsfiddle.net/zL26otcu/1/