Cant align title with Ionic CSS utilities

Ionic Framework Ionic Angular
1

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

<ion-content>

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

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


    </ion-grid>


</ion-content>

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:

   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:

   Capacitor CLI   : 2.3.0
   @capacitor/core : 2.3.0

Utility:

   cordova-res : not installed
   native-run  : 1.0.0

System:

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