Cant align title with Ionic CSS utilities

Hi, does anyone knows how to vertical align using ionic css flex utiities?


    <ion-grid fixed style="height: 100%;">

        <ion-row class="ion-align-self-center">
                <div class="ion-text-center">
                    <h1 class="app-title">My title</h1>



This is my code, but when I see it in web console it says that it doesn’t has any effects because the row element is not a grid or flex element. Im using ionic css utilities documentation, I don’t know what im using wrong.

ionic info


   Ionic CLI                     : 6.10.1 (C:\Users\User\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.2.3       
   @angular-devkit/build-angular : 0.901.11
   @angular-devkit/schematics    : 9.1.11
   @angular/cli                  : 9.1.11
   @ionic/angular-toolkit        : 2.3.0


   Capacitor CLI   : 2.3.0
   @capacitor/core : 2.3.0


   cordova-res : not installed
   native-run  : 1.0.0


   NodeJS : v12.18.2 (C:\Program Files\nodejs\node.exe)       
   npm    : 6.14.5
   OS     : Windows 10