I want to do like this how can i do that below my demo actually am new in css please help me anyone.
Only Css wont help you here. I would go for grid layout. So in your HTML add this:
<ion-content>
<ion-grid>
<ion-row>
<ion-col col-6>
<div class="iconholder">
<!-- YOUR IMAGE OR CONTENT GOES HERE -->
</div>
</ion-col>
<ion-col col-6>
<div class="iconholder">
<!-- YOUR IMAGE OR CONTENT GOES HERE -->
</div>
</ion-col>
</ion-row>
<ion-row>
<ion-col col-6>
<div class="iconholder">
<!-- YOUR IMAGE OR CONTENT GOES HERE -->
</div>
</ion-col>
<ion-col col-6>
<div class="iconholder">
<!-- YOUR IMAGE OR CONTENT GOES HERE -->
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
Now you have the Layout. And in CSS add something like this:
page-yourPageNameHere{
.iconholder{
//Here goes your Holder behavior
}
img {
//If you add image to your layout or icon here goes your img or icon behavior
}
}
No Problem. If it helped dont forgett to mark it as solution! Glad it worked