响应式离子网格柱

Question

我正在使用离子并尝试构建一种布局，根据屏幕尺寸将卡组织为1,2或3列。而不是正常的水平布局，我希望卡片像

一样垂直布局

我现在拥有的HTML只会生成一列卡片，如果屏幕尺寸达到断点，则会生成第二个或第三个空列：

<ion-grid>
  <ion-row>
    <ion-col col-12 col-md-6 col-lg-4>
      <ion-card *ngFor="let category of list">
        <ion-label>{{category.title}}</ion-label>
        <p>{{category.text}}</p>
      </ion-card>
    </ion-col>
  </ion-row>
</ion-grid>

离子网格是否有办法实现这一目标，还是必须使用其他CSS解决方案？