网格的离子3+动态/自动高度

Question

我想在离子3中做一个网格，其宽度相等（50％），高度是动态的，如下所示：http://prntscr.com/f8ftmc

然而，当我尝试这样做时，我得到以下内容：http://prntscr.com/f8fvld其中所有第二列元素似乎与第一列具有相同的高度。

这是我执行atm的代码：

<ion-grid>
   <ion-row wrap align-items-stretch>
  <ion-col class="no-padding" col-6 *ngFor="let x of myData; let i = index">
      <ion-card>
        <ion-card-content>
          <ion-card-title color="secondary-dark">
            {{x.title}}
          </ion-card-title>
          <p class="italics">
            {{x.description}}
          </p>
        </ion-card-content>
      </ion-card>
  </ion-col>
</ion-row> 

我怎样才能让它达到动态高度而不是与第一列完全相同的高度 - （http://prntscr.com/f8ftmc）