title: How to align content inside of a component in Vuetify?
body: <p>I have this image:</p>
  
  <p><a href="https://i.stack.imgur.com/ePsqL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ePsqL.png" alt="e"></a></p>
  
  <p>As you can see, there are four transparent buttons inside of it, Home, Offers, About and Contact.</p>
  
  <p>How can I align them to the bottom of the image instead of the top?</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;v-img src="@/assets/banner/webbanner.png"&gt;
    &lt;v-container&gt;
      &lt;v-row align="center" justify="center"&gt;
        &lt;v-btn
          color="transparent"
          class="mx-2 white--text"
          depressed
          width="200"
          v-for="(button, index) in viewButtons"
          :key="index"
        &gt;
          {{ button.name }}
        &lt;/v-btn&gt;
      &lt;/v-row&gt;
    &lt;/v-container&gt;
  &lt;/v-img&gt;
  </code></pre>