title: Simple chat layout with vuetify, chat history growing from bottom to top
body: <p>I want to create a very simple web chat layout but fail at getting the chat history grow from bottom to top. i would like to stick to the predefined <a href="https://vuetifyjs.com/en/components/grids/" rel="nofollow noreferrer">vuetify</a> components and commands and use custom css modifications only if really needed.</p>
  <p>The layout should look like this:</p>
  <p><a href="https://i.stack.imgur.com/56MRM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/56MRM.jpg" alt="enter image description here" /></a></p>
  <ul>
  <li>3 main columns, in the middle the chat history is displayed from bottom to top</li>
  <li>a bottom bar containing the message field and the send button</li>
  </ul>
  <p>Could someone please provide a working skeleton for that?</p>
  <p>I am going crazy with this css stuff :(</p>
  <p>Thanks four your help!</p>