Ion-card center alignment

Ionic Framework ionic-v3
8

Try this one i wish its help for you

<div style="height: 100%; display: flex; align-items: center; justify-content: center;">
<ion-card style="">
  <ion-card-header>
   
    <ion-card-title>Card Title</ion-card-title>
  </ion-card-header>

  <ion-card-content>
    Keep close to Nature's heart... and break clear away, once in awhile,
    and climb a mountain or spend a week in the woods. Wash your spirit clean.
  </ion-card-content>
</ion-card>

</div>

@karthikmani15

3 Likes