Centering Contents horizontally & vertically in Ionic4

You can center content of element horizontally and vertically in your Ionic 4 application. Below is the example code to center any page perfectly both horizontally and vertically.

<ion-grid style="height: 100%">
    <ion-row justify-content-center align-items-center style="height: 100%; flex-direction: column">
      <div text-center>
        <ion-icon name="images" style="zoom:5.0;" color="medium"></ion-icon>
        <h4>No Image Found</h4>
        <p>Looks like there are no converted image available at this moment, Please click <b>
            <ion-icon name="git-compare" color="medium" style="zoom:2.0;"></ion-icon>
          </b> button to convert a image</p>
      </div>
    </ion-row>
  </ion-grid>