Two column at two end in gird

Ionic Framework
1

Hi
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.?