I am trying to put two columns at two end in in ion-grid but its not working as expected.
Tried all possible ways by taking reference from https://ionicframework.com/docs/layout/grid. But nothing works
In first col I have large text and in second col i have just date when I tried using different options it shows date col under first col
What I am doing
<ion-grid> <ion-row > <ion-col size="6"> <div> <ion-label text-wrap> <h3>asdfjaskfdlhasfjaksdhfalkshfkjsahfkjashdfljkashdfjkhasdfjkhalsfjkasf this is large text</h3> </ion-label> </div> </ion-col> <ion-col size="1" class="ion-align-self-center"> <div> </div> </ion-col> <ion-col size="4" class="ion-align-self-center"> <div> 01/01/2020 </div> </ion-col> </ion-row> </ion-grid>
It should responsive in both orientation in landscape and in portrait but its not working.
can anybody tell me what can be best way to do this.?