CODEWITHSUNDEEP
ionic2
meuser07
meuser07

Reputation: 406

Is there any way to give spacing to <ion-grid>

I wanted to give only vertical and horizontal space between grid cell. Is there any attribute to set space between grid cell?

Upvotes: 2

Views: 8073

Answers (2)

JSEvgeny
JSEvgeny

Reputation: 2750

I think something like this should work:

<ion-grid class="grid"></ion-grid>

and the the css:

.grid{
  margin: 5px;
}

And I'm pretty sure that styles are going to be applied too by only using a selector in css file:

ion-grid ion-row, ion-col{
  margin: 5px;
}

Alternatively you can use padding instead of margin

Upvotes: 2

George
George

Reputation: 734

you can use the padding that ionic provide or what i will do to have more control is the following: on the page.scss file 

my-page ion-col{
     margin: 5px;
}

Upvotes: 0

Related Questions