title: Giving row with one column all vertical space
body: <p>I try to have a row/column take up all space vertically. I managed to do this for col2 but have no idea what I need to get &quot;col 1 content&quot; to grow vertically. Can someone elaborate what I'm doing wrong?</p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
      &lt;v-app id=&quot;inspire&quot;&gt;
          &lt;v-container class=&quot;grow d-flex flex-column flex-nowrap &quot;&gt;
              &lt;v-row &gt;
                  &lt;v-col  class=&quot;grow pa-0&quot;&gt;
                       &lt;!--&lt;v-card elevation=&quot;2&quot; class=&quot;pa-3&quot;&gt; Subheader &lt;/v-card&gt;--&gt;
                       &lt;v-container class=&quot;grow d-flex flex-column pa-0 flex-nowrap&quot;&gt;
                      &lt;v-row &gt;
                          &lt;v-col &gt;
                              &lt;v-card elevation=&quot;2&quot; class=&quot;pa-3&quot;&gt; Col 1 - head &lt;/v-card&gt;
                          &lt;/v-col&gt;
                      &lt;/v-row&gt;
                      &lt;v-row class=&quot;grow&quot;&gt;
                          &lt;v-col &gt;
                              &lt;v-card elevation=&quot;2&quot; class=&quot;pa-3 &quot;&gt; Col 1 - content &lt;/v-card&gt;
                          &lt;/v-col&gt;
                      &lt;/v-row&gt;
                      &lt;/v-container&gt;
                  &lt;/v-col&gt;
                  &lt;v-col class=&quot;grow box&quot; v-if=&quot;show&quot;&gt;
                       &lt;v-card elevation=&quot;2&quot; class=&quot;pa-3 fill-height&quot;&gt; Col 2 - panel &lt;/v-card&gt;
                  &lt;/v-col&gt;
              &lt;/v-row&gt;
              &lt;v-row class=&quot;shrink&quot;&gt;
                  &lt;v-col cols=&quot;12&quot;&gt;
                      &lt;v-card elevation=&quot;2&quot; class=&quot;pa-3&quot;&gt; row 2&lt;/v-card&gt;
                  &lt;/v-col&gt;
              &lt;/v-row&gt;
          &lt;/v-container&gt;
      &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>