i have created one layout in that i display some rows and columns but problem is that when i set screen to small at that time some data not display. but i want that field goes in next line.
please check below image.
in this image u see Order Date …it display proper
in this image i do small screen so order date not display properly
code that i used
<ion-content class="topup-receive-list">
<ion-item *ngFor="let item of list">
<ion-row>
<ion-col width-25><div>Firm Name</div></ion-col>
<ion-col width-75><div>{{item.firm}}</div></ion-col>
</ion-row>
<ion-row>
<ion-col width-25><div>Order Date</div></ion-col>
<ion-col width-75><div>{{item.odate}}</div></ion-col>
</ion-row>
<ion-row>
<ion-col width-50><div>{{"Order Amount: " + item.oamount}}</div></ion-col>
<ion-col width-50 text-right>{{"Topup: " + item.topup}}</ion-col>
</ion-row>
<ion-row>
<ion-col width-25><div>Mode</div></ion-col>
<ion-col width-75><div>{{item.mode}}</div></ion-col>
</ion-row>
<ion-row>
<ion-col width-25><div>Topup Date</div></ion-col>
<ion-col width-75><div>{{item.tdate}}</div></ion-col>
</ion-row>
<ion-row>
<ion-col width-25><div>Wallet</div></ion-col>
<ion-col width-75><div>{{item.wallet}}</div></ion-col>
</ion-row>
</ion-item>
</ion-content>