Reduce margin between elements inside a card?

Ionic Native
1

I have a card with some elements displayed inside of it:

    <ion-card *ngFor="let card of cards">
      <ion-item>
        <ion-icon name="{{card.icon}}" item-start class="albums-icon"></ion-icon>
        {{card.title}}
        <ion-badge item-end>{{card.punctuation}}</ion-badge>
      </ion-item>
    </ion-card>

I want to know how to decrease the margin generated between this elements

        <ion-icon name="{{card.icon}}" item-start class="albums-icon"></ion-icon>
        {{card.title}}
2

you have to write:

<ion-card>
      <ion-card-content no-padding>
                    //your content hear
      </ion-card-content>
</ion-card>
3

That doesn’t works at all

1 Like
4

first thing how you know it is margin or padding.

try to set style attribute within it set style=“margin:0px”

5

I know because i modified it in CSS through the inspector device