Center <ion-card> in <ion-grid> column

#1

Hi, I’ve a responsive <ion-grid> and in each <ion-col> one <ion-card>. Every card is with fixed height and width, so they don’t adapt to the specific screensize.
To let it look nice I want to center the <ion-card> in the <ion-col>, so the cards are not responsive but they’re centered.
Unfortunately it’s no problem to center text:
<ion-col text-center>

But the <ion-card> stays left aligned.
I also tried

align-items-center
align-self-center
justify-content-center

in <ion-col> or <ion-row>

#2

Found the solution here:

With:

ion-card {
      margin: 0 auto !important;
}