How to add space between grid elements?

Ionic Framework ionic-v3
1

Hey guys,

I am facing a problem with the ionic grid. I want to get space between the grid elements, plase can anyone tell me how to do that?

<ion-grid>
  <ion-row center>
     <ion-col width-50> This column will take 10% of space </ion-col>
     <ion-col width-50>This column will take 10% of space</ion-col>
  </ion-row>
   <ion-row center>
     <ion-col width-50>This column will take 10% of space</ion-col>
     <ion-col width-50>This column will take 10% of space</ion-col>
   </ion-row>
</ion-grid>
2

ion-col{
margin:5%;
}

1 Like