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
This is my output when it’s on landscape mode