How to create responsible equal height tiles in Angular 5 and Bootstrap 4

1 2 3 4 5 6 7 8

<div class="row"> <div *ngFor="let desk of subDesks | orderBy : 'description'; trackBy: trackId" class="col-sm-6 col-md-4 col-lg-2 py-2"> <div class="card card-body h-100 d-flex justify-content-center align-items-center bg-success text-white"> <h5 class="card-title text-center d-flex">{{desk.description}}</h5> </div> </div> </div>