SAe-PHP-S2/assets/style.css

/* style.css */

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-image {
    flex-shrink: 0;
}

.card-content {
    flex-grow: 1;
}

.card-footer {
    flex-shrink: 0;
}

.album-title, .artist-title, .music-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limite à 2 lignes */
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em; /* Ajuste en fonction de la taille de la police */
}

.columns {
    justify-content: center; /* Centre les colonnes */
}

.card img {
    object-fit: cover; /* Assure que les images couvrent bien les figures */
    width: 100%;
    height: auto;
}