How to remove padding from ion-card

How to remove extra padding from my icon-card
Below my out put
myoutput

I want to do look like this
desireoutput

Here is my html code:

<ion-card>

  <img src="assets/imgs/restaurant01.jpg">

  <ion-card-content text-center>
    <p>Wait a minute. </p>
    <p>demo</p>
    <p></p>
    <p>
    	<button ion-button item-end icon-left class="no-padding">
      <ion-icon name="star"></ion-icon>
      Left
    </button>	
    <button ion-button  item-end icon-left class="no-padding">
      <ion-icon name="star"></ion-icon>
      Left
    </button>

    </p>
  </ion-card-content>
</ion-card>

How can i do that
Please anyone help me
Thanks

Did you try <ion-card no-padding>?

1 Like