How to align content vertically and horizontally on a page

Questions
1

Thanks for your response in advance. Please I would like to vertically and horizontally align my content to the page. I mean by content such as form element or card.
Please How would I do this?
Thanks

2

try this:

<div class='page-content'>
  <div class="align-cards">
    <div class="card" style="">
      <div class="card-content card-content-padding">This is a simple.</div>
    </div>
  </div>
</div>

.align-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
1 Like
3

Thanks for your response. It works perfectly

4

Thank you !!! @ pvtallulah

1 Like