title: Using V-flex within a V-Card not working as expected
body: <p>So i have been attempting to create a V-Card in vuetify with a specific layout. The top part of the card will vary in size and therefore I need to be able to align the bottom part of the card to the bottom.</p>
  
  <p>So i've tried to do the following code here which should allow the first part to "grow" to fill the height and then the second part to "shrink" and stay at the bottom...</p>
  
  <p>However, no success.. I probably just have done something sligthly wrong here but I'm pulling out my hair...</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;v-card shaped color="white" height="100%" width="100%"&gt;
  &lt;v-container fluid&gt;
    &lt;v-layout column&gt;
      &lt;v-flex grow&gt;
        {{ skinName }}
        &lt;v-img :src="skinImage" /&gt;
      &lt;/v-flex&gt;
      &lt;v-flex shrink&gt;
        &lt;v-chip
          class="ma-2"
          color="indigo"
          text-color="white"
        &gt;
          &lt;img height="10px" src="~static/logo-icon.png"&gt; {{ priceInCoins | decimalPlace }}
        &lt;/v-chip&gt;
      &lt;/v-flex&gt;
    &lt;/v-layout&gt;
  &lt;/v-container&gt;
  </code></pre>
  
  <p>
  
  <p><a href="https://i.stack.imgur.com/PxF7M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PxF7M.png" alt="enter image description here"></a></p>
  
  <p>As you can see from my image, the blue "coins" should all align at the bottom in the same place no matter how big the text is above it!</p>
  
  <p>Let me know if you need any more information.</p>