Ionic card vertical top align

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>


.scss file

ion-list {
height: 100%;
padding: 3%;
padding-top: 0%;
ion-card {
height: 30.5%;

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