Fit the height of ion-content to the content of ion-slide

the height of the content for a slide is not filling the whole content. This means I have a blank space at the bottom of the slide.
how can i fit the height of ion-content to the content of ion-slide?
here’s a code below!

<ion-content>
    <ion-slides pager="true">

      <ion-slide>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>
          <div><h1>FIRST</h1></div>

      </ion-slide>
      <ion-slide>
          <div><h1>SECOND</h1></div>
          <div><h1>SECOND</h1></div>

      </ion-slide>
      <ion-slide>
          <div><h1>THIRD</h1></div>
      </ion-slide>

    </ion-slides>
  </ion-content>

1 post - 1 participant

Read full topic