Comment montrer un nombre fixe de cartes d'ions par rangée avec la même taille?

Question

Je veux un affichage avec un nombre fixe de cartes par rangée, et les cartes doivent être de la même taille.

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> 

Je veux le service 5, Service 6 devrait être de la même taille que service 2,3,4.

Answer 1

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

Ceci vous pouvez mettre dans le CSS basé sur la classe parente de la page.