Angular 离子色谱中的响应柱视图

我必须在视图中显示迭代的项目，每行的项目数应该根据显示大小进行响应，并且每个项目应该在相同的维度中。

home.html

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

{{item.name}

---

在以下图像中，Servic 7与其他图像具有不同的维度。如何使所有图像处于相同的维度并具有响应性？

图像数量始终固定，即6？@VicJordan否。内容为dynamicProvide fiddle示例代码。图像数量始终固定，即6？@VicJordan否。内容为dynamicProvide fiddle示例代码。