Create 10px space between ion-col

Ionic Framework
1

I would like to create gutter gap of 10px between col, If i add margin-right to first col then second col is getting shifted to next row

Pic for attention:

image
image1434×80 991 Bytes

 <ion-row>
      <ion-col size="6">
        Apple
        </ion-col>
      <ion-col size="6">
        Mango  
      </ion-col>
      </ion-row>

codepen: https://codepen.io/indraraj26/pen/yLOOQYB

2

You can use ion-card or other components with ion-col. Example ion-padding or like this:

<ion-col size="12" size-md="6">
  <div class="md-up-padding">
    Apple
  </div>
</ion-col>
<ion-col size="12" size-md="6">
  <div class="md-up-padding">
    Mango
  </div>
</ion-col>
1 Like
3

Thank you @thenaim, This one was really great solution for gallery screen.

1 Like