How to align card horizontally and vertically centre?

[gokujy]

hi,
here try this,

Vertically align center for a ion-card

Hi to everyone. I’m developing a login form, so inside my <ion-content padding > I have an <ion-card> (used like a container of the login form) that I want to center vertically. I tried different ways with css flexbox and other css tricks but nothing worked for me! The card remains at the top of the page. Can you help me please? <ion-content > <ion-card id = "login-card"> <form [formGroup]="signInForm" (submit)="doEmailPswLogin()" class="input"> <ion-list> …