title: Vuetify grid height one row that grows and one fixed at the bottom
body: <p>I'am implementing <a href="https://vuetifyjs.com/en/styles/flex/" rel="nofollow noreferrer">Vuetify Flex</a> for my <a href="https://vuetifyjs.com/en/components/grids/" rel="nofollow noreferrer">grid rows</a> but having trouble with the classes.</p>
  <p>There is two v-row in this container, I want the first to grow all all available height and keep the second one at the bottom but still showing.</p>
  <p>Picture of what I want: <a href="https://i.stack.imgur.com/TrEV9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TrEV9.png" alt="enter image description here" /></a></p>
  <p><code>code</code></p>
  <p>This is my codepen so far: <a href="https://codepen.io/5less/pen/mdWpjWR" rel="nofollow noreferrer">https://codepen.io/5less/pen/mdWpjWR</a></p>