How to make a card such that it fills whole content area/blank space of page?


#1

I have this card here inside a ion-slide, working fine but I want it such that it fills whole white area with a less bit of padding, How do I achieve it?

https://gyazo.com/b26dd96664055a58596f40aa793b7d25

Here is the related code:

<ion-slide>
  <ion-card>
    <img src="https://previews.123rf.com/images/wikki/wikki1111/wikki111100030/11360060-Horoscope-circle-Stock-Vector-zodiac-horoscope-astrology.jpg" />
    <ion-card-content>
      <ion-card-title>Your Daily Horoscope</ion-card-title>
      Hello this is content
    </ion-card-content>
  </ion-card>
</ion-slide>

<ion-slide>
  <ion-card>
    <img src="https://previews.123rf.com/images/wikki/wikki1111/wikki111100030/11360060-Horoscope-circle-Stock-Vector-zodiac-horoscope-astrology.jpg" />
    <ion-card-content>
      <ion-card-title>Your Daily Horoscope</ion-card-title>
      Hello this is content
    </ion-card-content>
  </ion-card>
</ion-slide>

Thanks in advance! :slight_smile: