Vertical Aligment

[jamescopeland]

Hello quasar-verse, hope you are all keeping well and safe!

We’re having a heck of a time getting a small vertical alignment to happen and i wondered if any of you had any tips. The url is https://housemanualapp.com/#/sharing/jEsFfSWyGvSaPlBuK8RIV2OFAPhlGM0K and here is a screenshot. Thanks so much in advance!

[jamescopeland]

https://share.getcloudapp.com/JrugjE7g

[beets]

@jamescopeland
Try this

<div class="row justify-center">
  <div class="row justify-center items-center col-5 bg-info text-white text-bold q-ma-sm sh-b-rad-20 text" style="height: 160px;">
    <h6 class="no-padding no-margin ">Test</h6>
  </div>
  <div class="row justify-center items-center col-5 bg-info text-white text-bold q-ma-sm sh-b-rad-20 text" style="height: 160px;">
    <h6 class="no-padding no-margin ">Test2</h6>
  </div>
</div>

[jamescopeland]

That worked perfectly, thanks so much @beets!! I didn’t see items-center class in any of the docs. Awesome!!!

[metalsadman]

@jamescopeland it’s in the layout section of the docs https://quasar.dev/layout/grid/row#Example--Vertical-alignment