mock-search.component.html

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

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