Ionic-v4 grid layout

#1

How can we use grid alignment with ionic v4 ?

I did not succeed in using attributes like align-items-center, align-self-center… on rows and cols.

I made my own CSS to center horizontaly and verticaly an ion-label but I’m sure there is a better way :

<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col>
        <ion-label>
          label
        </ion-label>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
ion-grid {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}

With previous versions, to my mind, component page of ionic web page showed live demo of widgets with associated code. It was usefull…

Thanks :blush: