html

<div class="gallery">
        <div class="cardContainer" *ngFor="let car of (filteredCars | async)">
            <div class="containerCheckBox"><input class="checkBox" type="checkbox"></div>
            <div class="card">
                <a routerLink="/gallery/details/{{car.id}}"><img calss="image" src="{{url}}{{car.image1}}"></a>
            </div>
            <div class="description-contenier">
                <br>
                <div class="descriptionBase"><b>{{car?.brand}} {{car?.model}}</b></div>
                <div class=descriptionInLine>
                    <div>
                        <div class="descriptionPriceLabel">PRICE:</div>
                        <div class="descriptionPrice">{{car?.price | currency:'EUR'}}</div>
                    </div>
                    <div class="space"></div>
                    <div class="descriptionUsername">SELLERS:
                        <div><a routerLink="/userPage/{{car?.userId}}">{{car?.username}}</a></div>
                        <app-star-rating userId={{car.userId}} size='small'></app-star-rating>
                    </div>
                    <div>
                        <input type="buttonBuy" class="btnBuy" value="Buy" title="click to buy">
                    </div>
                </div>
                <div class="observedBy">observed by another {{car.count-1}} persons</div>
            </div>
        </div>
    </div>