I am using Ionic v3.10, below is my login HTML code
<ion-header>
<ion-navbar>
<ion-title>Login</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-card>
<ion-item ion-fixed>
<ion-label floating>Username</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item ion-fixed>
<ion-label floating>Password</ion-label>
<ion-input type="password"></ion-input>
</ion-item>
<ion-item>
<!-- <button ion-button color="secondary" outline padding >Login</button> -->
<button ion-button color="secondary" outline padding block round (click)="login()">Login</button>
</ion-item>
</ion-card>
</ion-list>
</ion-content>
ionic serve -l
ion-fixed
ion-content
Can you try this and let us know?
.html
<ion-content padding>
<ion-grid>
<ion-row>
<ion-col col-12>
<ion-list>
<ion-card>
<ion-item ion-fixed>
<ion-label floating>Username</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item ion-fixed>
<ion-label floating>Password</ion-label>
<ion-input type="password"></ion-input>
</ion-item>
<ion-item>
<!-- <button ion-button color="secondary" outline padding >Login</button> -->
<button ion-button color="secondary" outline padding block round (click)="login()">Login</button>
</ion-item>
</ion-card>
</ion-list>
</ion-col>
</ion-row>
</ion-content>
.scss
page-my {
ion-grid {
min-height: 100%;
}
}