Masonry style grid Ionic v4

[joelmeaders]

Does anyone know how to get the Ionic grid to show things in a masonry style in v4? The default behavior sets columns in the same row to the largest column height.

<ion-grid class="ion-no-padding">
    <ion-row class="ion-align-items-start">
      <ng-container *ngIf="viewService.getCardView() | async; else listView">
        <ion-col *ngFor="let item of $reviewCollections | async" sizeXl="4" sizeLg="6" size="12">
          <app-collection-card
            [item]="item"
            (click)="navigate(item.Id)"         
            [attr.tappable]="canEditCollections ? '' : undefined" 
          ></app-collection-card>
        </ion-col>
      </ng-container>
    </ion-row>
  </ion-grid>

[odorakel]

@joelmeaders: Have a look at this tut - should suite you perfect… https://audacitus.com/site/2018/01/27/creating-a-responsive-pintrest-layout-for-mobile-tablets-using-gemionic-ui-freebie-included/

Oliver

[joelmeaders]

Thanks so much! That’s perfect.

[odorakel]

Perfect!