How can I decrease spacing between col and rows in ion-grid?

Ionic Framework ionic-v3
1

I have the below grid.

40%20PM
Screen Shot 2019-08-09 at 4.16.40 PM.png686×800 31.5 KB

Below is the code in the html file.

<ion-grid>
  <ion-row>
    <ion-col>
      <ion-card padding>
        <ion-card-subtitle>
          Oil Change
        </ion-card-subtitle>
        <img src = "./assets/019-petrol.png">
      </ion-card>
    </ion-col>
    <ion-col>
      <ion-card padding>
        <ion-card-subtitle>
          Tire
        </ion-card-subtitle>
        <img src = "./assets/036-tires.png">
      </ion-card>
    </ion-col>
  </ion-row>
    <ion-row>
    <ion-col>
      <ion-card padding>
        <ion-card-subtitle>
          Car Wash
        </ion-card-subtitle>
        <img src = "./assets/31-carwash.png">
      </ion-card>
    </ion-col>
    <ion-col>
      <ion-card padding>
        <ion-card-subtitle>
          Diagnostic
        </ion-card-subtitle>
        <img src = "./assets/9-diagnostic.png">
      </ion-card>
    </ion-col>
  </ion-row>
  </ion-grid>

There is no code in the associated scss file. How can I decrease the spacing between the cols and rows in the most effective manner? Please let me know.