同じサイズの行ごとにイオンカードの固定番号を表示するにはどうすればいいですか？

Question

1つの行にカードが固定されていないディスプレイが必要で、カードのサイズが同じである必要があります。

home.html

<ion-row> 
    <ion-col *ngFor="let item of allservices; let i = index"> 
     <ion-card (click)="gotoSpecificService(item)"> 
     <img src="https://maxcdn.icons8.com/Share/icon/color/Gaming//snorlax1600.png"/> 
     <p>{{item.name}}</p> 
    </ion-col> 
    </ion-row> 

私はサービス5をしたい、サービス6は、サービス2,3,4と同じサイズにする必要があります。

Answer 1

ion-row { 
     .col { 
      max-width: 33%; 
     } 
    } 

これは、ページの親クラスに基づいてCSSに配置できます。