title: Ionic cards constant height
body: <p>I'm showing some ion-cards in slides and the height of the cards varies depending on the content size. How to make it constant?</p>
  
  <p>code:</p>
  
  <pre><code>&lt;ion-col *ngIf="types &amp;&amp; types.length" no-padding&gt;
    &lt;ion-slides slidesPerView="4"&gt;
      &lt;ion-slide nowrap *ngFor="let item of types"&gt;
        &lt;ion-card (click)="select(item.type)" style="height: 100%"&gt;&gt;
          &lt;ion-label padding-top text-center text-wrap class="text4bl"&gt;{{ item.name }}&lt;/ion-label&gt;
        &lt;/ion-card&gt;
      &lt;/ion-slide&gt;
    &lt;/ion-slides&gt;
  &lt;/ion-col&gt;
  </code></pre>
  
  <p>result image:
  <a href="https://i.stack.imgur.com/YVzPv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YVzPv.png" alt="enter image description here"></a></p>