mock-search.component.html

<div class="row">
    <jhi-search-input
    (searchInputEvent)="search($event)">
    </jhi-search-input>
    <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>