title: Vertically align elements in vuetify v-card component
body: <p>I am displaying 3 card components in a layout of 3 v-cols inside of a v-row like this (All 3 elements are currently v-card-text elements):</p>
  <pre><code>&lt;v-row&gt;
    &lt;v-col&gt;
      &lt;v-card&gt;{{elements}}&lt;/v-card&gt;
    &lt;/v-col&gt;
  
    &lt;v-col&gt;
      &lt;v-card&gt;{{elements}}&lt;/v-card&gt;
    &lt;/v-col&gt;
  
    &lt;v-col&gt;
      &lt;v-card&gt;{{elements}}&lt;/v-card&gt;
    &lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  <p>Since the content of element 2 consist of dynamically added text of various lengths they are not always of the same length and therefore height, resulting in a situation like this:</p>
  <p><a href="https://i.stack.imgur.com/EgM5F.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EgM5F.jpg" alt="enter image description here" /></a></p>
  <p>What I would like to achieve instead is that each element is placed in the same position across all three columns, according to the largest one, so that element 3 is always in the same position:</p>
  <p><a href="https://i.stack.imgur.com/chfmp.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/chfmp.jpg" alt="enter image description here" /></a></p>