Resulta que tengo el siguiente problema con cards-columns de bootstrap 4
mi codigo es el siguiente:
<div class="container m-5">
<div class="card-columns m-5 animated fadeIn mx-auto">
<div class="card puntero" *ngFor="let item of items" (click) = "verArtista(item)">
<img src="{{item.images | noimage}}" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">{{ item.name }}</h5>
<p class="card-text">
<span class="badge badge-pill badge-primary" *ngFor="let artista of item.artists">{{artista.name}}</span>
</p>
</div>
</div>
</div>
</div>
Este codigo esta contenido en la clase container por lo que las cards terminan alineadas a la izquierda similiar al siguiente ejemplo
He intentado algunas configuraciones pero ninguna parece funcionar.
mx-auto
en el container , así,<div class="container m-5 mx-auto">