title: How to create a full screen material-ui grid?
body: <p>I'm trying to create a layout similar to most editors/IDEs using material-ui and react, using material-ui Grid for the layout.
  I have a top bar, a bottom bar, side panels on both sides and a center area. My question is: how to make this grid occupy the entire screen?</p>
  
  <p>The way it is now, it only grows as far as the inner elements min-heights. I want both side panels to fill the screen vertically. </p>
  
  <p>Here is a simple example with exactly the same layout I'm trying to implement: <a href="https://codesandbox.io/s/material-demo-0pl9e" rel="noreferrer">https://codesandbox.io/s/material-demo-0pl9e</a></p>
  
  <p>What I'm trying to do is to make the grid occupy the entire screen by expanding only the middle container.</p>