line clamp in responsive

Abdoulrachard · Apr 2, 2024 · 358be5c · 358be5c
1 parent bd43b5f
commit 358be5c
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/actualities/ActualityCard.vue b/src/components/actualities/ActualityCard.vue
@@ -91,4 +91,10 @@ export default {
 .card-img-top {
   transition: transform 0.3s ease !important;
 }
+@media (max-width: 767px) {
+  .line-clamp-3 {
+  -webkit-line-clamp: 5; /* Nombre de lignes maximal */
+}
+}
+
 </style>