Two buttons side by side in full length


#1

Hello,

I have two buttons side by side. The code is for the first block, see picture.

  <div text-center="">
    <button ion-button>
      <ion-icon name="add"></ion-icon>
    </button>

    <button ion-button>
      <ion-icon name="remove"></ion-icon>
    </button>

I wanna get the buttons in full half length, see block 2.


#2

You can achieve this by using:

<ion-grid>
  <ion-row>
    <ion-col col-6>
      <button ion-button full>
      </button>
    </ion-col>
    <ion-col col-6>
      <button ion-button full>
      </button>
    </ion-col>
  </ion-row>
</ion-grid>

#3

ok thanks works fine