jll90 · February 3, 2019 19:58
diff --git a/content-flex-grow-bottom-nav.html b/content-flex-grow-bottom-nav.html
 <html>

 <style>
  body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  background: red;  
  height: 100vh;
 }

 .container {
  background: blue;
  display: flex;
  height: inherit;
  flex-direction: column;
 }

 .top {
  background: white;
  height: 30px;
 }

 .flex-grow {
  flex-grow: 1;
 }

 .bottom {
  height: 30px;
  background: yellow;
 }
 </style>
  
 <body>
  <div class="container">
    <div class="top">
    </div>
    <div class="flex-grow">
    </div>
    <div class="bottom">
    </div>

  </div>
 </body>

 </html>