Align to the center of ion row

Hey, I have an issue that I’m pretty sure that is simple but as I’m new to Ionic, I don’t know how to solve it. I have to reproduce the following screen:

but so far I got this:

I have to center the title and the image, but nothing seems to work. Here’s my HTML and SCSS:

<ion-content (click)="modalCtrl.dismiss()">
    <ion-row class="search-image ion-justify-content-center">
        <p> Procurando eventos próximos</p>
        <ion-img [src]="'/assets/official-images/loading.svg'"></ion-img>

ion-content {
  --background: #FF9009;

.search-image {

  ion-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;

  p {
    font-family: "Futura Bk BT", sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;

any tips…? Thanks everyone.

You should be able to do this with the CSS classes I posted in this thread.

try to add these css lines in your .search-image class i hope its work for you

.search-image {
  display: flex;
  align-items: center;
  justify-content: center;

it works but I had to add height: 100% as well, anyway thanks for answering!

thank you so much, It works like a charm :star_struck: