push

assets/style.css

@@ -1,20 +1,38 @@
-section.list
-{
-	display : flex;
-	justify-content : space-between;
-	flex-wrap:wrap;
-}
-section.list > div 
-{
-width : 30%;
-}
-section.list img {
-	display:inline-block;
+/* style.css */
 
-}
-.short-text {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+.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;
+}