Header layout

I’m just curious…
I have a custom menu/header component marked up like this:

<ion-header>
  <ion-navbar>
    <ion-grid>

      <ion-row>
        <ion-col align-items-start>
          <button *ngIf="true" ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
          </button>
          <ion-title>{{ titleTranslate }}</ion-title>
        </ion-col>

        <ion-col align-items-end>
        <span>
          credit: €{{credit}}
        </span>
        </ion-col>
      </ion-row>
      
    </ion-grid>
  </ion-navbar>
</ion-header>

and it looks like this:
image

so you see I wanted to have items aligned on two sides in one row. obvious question is why I don’ t? :smiley:

See: Aligning the title to the right