How to align content vertically and horizontally on a page

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?

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>
.align-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
1 Like

Thanks for your response. It works perfectly

Thank you !!! @ pvtallulah

1 Like