title: How to combine ion-slides with ion-cards in Ionic4?
body: <p>Combining ion-slides with ion-cards completely messes up the ion-cards. Somehow the cards are not vertically aligned, once I wrap them in the ion-slide, but side by side.</p>
  
  <p>I am creating an input form with different input questions in each card. Each Slide contains a new topic of the inputs.</p>
  
  <p>I already tried to put the ion-cards back into an order by wrapping them in an ion-grid. That works a little bit better but is still not a pretty solution.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;div&gt;
      &lt;ion-slides&gt;
        &lt;!-- Slide 1 --&gt;
        &lt;ion-slide&gt;
          &lt;ion-card&gt;
            &lt;ion-card-header&gt;
              &lt;ion-card-subtitle&gt;Food?&lt;/ion-card-subtitle&gt;
            &lt;/ion-card-header&gt;
            &lt;ion-card-content&gt;
              &lt;ion-list&gt;
                &lt;ion-radio-group&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Pizza&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Noodle&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Soup&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Salad&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                &lt;/ion-radio-group&gt;
              &lt;/ion-list&gt;
            &lt;/ion-card-content&gt;
          &lt;/ion-card&gt;
          &lt;ion-card&gt;
            &lt;ion-card-header&gt;
              &lt;ion-card-subtitle&gt;Drinks?&lt;/ion-card-subtitle&gt;
            &lt;/ion-card-header&gt;
            &lt;ion-card-content&gt;
              &lt;ion-list&gt;
                &lt;ion-radio-group&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Water&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Juice&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                  &lt;ion-item&gt;
                    &lt;ion-label text-wrap&gt;Beer&lt;/ion-label&gt;
                    &lt;ion-radio slot="start" &gt;&lt;/ion-radio&gt;
                  &lt;/ion-item&gt;
                &lt;/ion-radio-group&gt;
              &lt;/ion-list&gt;
            &lt;/ion-card-content&gt;
          &lt;/ion-card&gt;
        &lt;/ion-slide&gt;
        &lt;!-- Slide 2 --&gt;
        &lt;ion-slide&gt;
          Some content..
        &lt;/ion-slide&gt;
      &lt;/ion-slides&gt;
      &lt;ion-button (click)="prevSlide()"&gt;Back&lt;/ion-button&gt;
      &lt;ion-button (click)="nextSlide()"&gt;Next&lt;/ion-button&gt;
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Why is the ion-card layout effected by the ion-slide?</p>