title: Vuetify.js - how to make cards on same row fill all available vertical space?
body: <p>I have three cards on the same row but one is bigger than the others, I would like to stretch the smaller one to fill all the available vertical space, I tried with <code>align=&quot;stretch&quot;</code> on <code>v-row</code> but it's not working. Here is my <a href="https://codepen.io/alessmar/pen/bGwGKYy" rel="nofollow noreferrer">pen</a></p>
  <pre><code>&lt;v-container&gt;
    &lt;v-row dense align=&quot;stretch&quot;&gt;
      &lt;v-col cols=&quot;4&quot;&gt;
        &lt;v-card&gt;
          &lt;v-card-text class=&quot;green--text&quot;&gt;
            &lt;h5 class=&quot;text-truncate text-uppercase&quot;&gt;Sales&lt;/h5&gt;
            &lt;h1&gt;{{ sales }}&lt;/h1&gt;
          &lt;/v-card-text&gt;
        &lt;/v-card&gt;
      &lt;/v-col&gt;
      &lt;v-col cols=&quot;4&quot;&gt;
        &lt;v-card&gt;
          &lt;v-card-text class=&quot;primary--text&quot;&gt;
            &lt;h5 class=&quot;text-truncate text-uppercase&quot;&gt;Balance&lt;/h5&gt;
            &lt;h1&gt;{{ balance }}&lt;/h1&gt;
          &lt;/v-card-text&gt;
        &lt;/v-card&gt;
      &lt;/v-col&gt;
      &lt;v-col cols=&quot;4&quot;&gt;
        &lt;v-card&gt;
          &lt;v-card-text&gt;
            &lt;v-form&gt;
              &lt;v-select :items=&quot;items&quot; label=&quot;Add Amount&quot; outlined&gt;
                &lt;template slot=&quot;item&quot; slot-scope=&quot;data&quot;&gt;
                  {{ data.item.value | numberFmt }}
                &lt;/template&gt;
              &lt;/v-select&gt;
              &lt;v-btn color=&quot;primary&quot;&gt;OK&lt;/v-btn&gt;
            &lt;/v-form&gt;
          &lt;/v-card-text&gt;
        &lt;/v-card&gt;
      &lt;/v-col&gt;
    &lt;/v-row&gt;
  &lt;/v-container&gt;
  </code></pre>