Hy! help for css

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
  }
}

This link maybe will help you, I was used it for make grid menu . link

Great @reinerluke97 really its very helpful to me.you save my day.Thanks for your valuable reply.

No Problem. If it helped dont forgett to mark it as solution! Glad it worked :slight_smile: