source: resources/views/components/artist-small-card.blade.php

@if(count($artists) > 0)

    @foreach($artists as $artist)
        <div class="col-lg-4 artist-small-card">
            <div class="card w-100 mb-3">
                <div class="card-body">
                    <div class="d-flex mb-3" style="align-items: center">
                        <h5 class="card-title m-0">{{ $artist->user->name }}</h5>
                        <p class="badge bg-dark"
                           style="margin-left: 5px; margin-top: 1px">{{ $artist->artist_type->name }}</p>
                    </div>
                    <p class="card-text">{{ $artist->short_description }}</p>
                    <div class="genres mt-1 mb-3">
                        @foreach($artist->genres as $genre)
                            <p class="badge bg-light text-dark">{{ $genre->name }}</p>
                        @endforeach
                    </div>
                    <a href="/{{ $artist->user->username }}" class="btn btn-primary">View Artist</a>
                </div>
            </div>
        </div>
    @endforeach
@else
    <div>No Artists :(</div>
@endif