title: ionic 4: pushing contents towards the bottom of ion-content
body: <p>i have my code like</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar&gt;
      &lt;ion-title&gt;&lt;ion-row&gt;&lt;ion-col text-center&gt;MY APP&lt;/ion-col&gt;&lt;/ion-row&gt;&lt;/ion-title&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content fullscreen&gt;
  &lt;div style="padding-top:300px;padding-left:20px"&gt;
        &lt;ion-slides pager="false" [options]="slideOpts"&gt;
            &lt;ion-slide&gt;
                &lt;ion-card&gt;
                    &lt;ion-card-header style="color:white"&gt;TRENDING&lt;/ion-card-header&gt;
                    &lt;ion-card-content&gt;
  
                    &lt;/ion-card-content&gt;
                  &lt;/ion-card&gt;
            &lt;/ion-slide&gt;
            &lt;ion-slide&gt;
                &lt;ion-card style="background-color:darkslateblue;opacity: 0.9;min-width:200px;height:200px"&gt;
                    &lt;ion-card-header style="color:white"&gt;Events&lt;/ion-card-header&gt;
                    &lt;ion-card-content&gt;
  
                    &lt;/ion-card-content&gt;
                  &lt;/ion-card&gt;
            &lt;/ion-slide&gt;
          &lt;/ion-slides&gt;
  
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>if you see the div inside ion-content has a padding-top 300px. but this not really the right way to have my ion-slides always to the bottom. how do i achieve that? </p>