Customize the ion-col


#1

I have a problem when i put my device on landscape. I want to resize the “col” when i change the size of the screen.

       <ion-row wrap>
          <ion-item>
            <ion-col col-4>
              Référence prélèvement
            </ion-col>
            <ion-col col-3>
              Type de prélèvement
            </ion-col>
            <ion-col col-3>
              Repérage
            </ion-col>
            <button ion-button round outline icon-only (click)="addNewRow()">
        <ion-icon ios="ios-add" md="md-add"></ion-icon>
      </button>

          </ion-item>

          <ion-list>
            <form [formGroup]="myForm" novalidate>

              <div formArrayName="prelevements">
                <div *ngFor="let address of myForm.controls.prelevements.controls; let i=index" class="panel panel-default">
                  <div>
                    <div class="textAlign" [formGroupName]="i">
                      <ion-row class="textAlign">
                        <ion-col col-4>
                          <ion-input formControlName="ref" type="text" placeholder="Référence prélèvement "></ion-input>
                        </ion-col>
                        <ion-col class="typePrelevement" col-3>
                          <ion-input formControlName="type" type="text" placeholder="Type de prélèvement"></ion-input>
                        </ion-col>
                        <ion-col col-3>
                          <ion-input formControlName="reperage" type="text" placeholder="Reparage"></ion-input>
                        </ion-col>

                        <ion-col class="croix" col-2 (click)="removePrelvement(i)">
                          <ion-icon icon-only ios="ios-close" md="md-close"></ion-icon>
                        </ion-col>
                      </ion-row>
                    </div>
                  </div>
                </div>
              </div>
            </form>
          </ion-list>
        </ion-row>

This is my output when it’s on paysage mode

paysage
This is my output when it’s on landscape mode