Ionic card vertical top align

ionic-v1
1

Hello guys, I am an embedded developer. i am trying to develop a simple app, but I have been running into a lot of problems for example, this simple card keeps aligning elements to the center instead of to the top, can you please help?

.html file

  <ion-card  margin-vertical ion-item *ngFor="let utility of Utilities"  color={{utility.color}} >

    <h3  > {{utility.title}} </h3>

  </ion-card>

.scss file

ion-list {
height: 100%;
padding: 3%;
padding-top: 0%;
ion-card {
height: 30.5%;
padding:0;
margin:0;
h3{
vertical-align:top;
}
}
}

2

That is not ionic-v1 code. You should probably re-tag this post in order to increase your chances of a helpful response.