mock-search.component.html

<div class="row">
    <jhi-search></jhi-search>
    <jhi-exercise-card *ngFor="let result of mockResults"
                       class="card-container col-sm-12 col-md-6 col-lg-4 col-xl-3"
                       [exercise]="result"
                       (exerciseSelectionEvent)="selectExercise($event)">
    </jhi-exercise-card>
</div>

<jhi-exercise-details [exercise]="selectedResult"></jhi-exercise-details>