carousel adapté aux tailles d'écran + hauteur des items

squelettes/content/sommaire_selection.html

@@ -93,8 +93,21 @@ jQuery(function($){
 		slideBy: 3,
 		dots: false,
 		nav: false,
-		autoHeight: false,
-		onTranslated: callback
+		onTranslated: callback,
+		responsive : {
+			// breakpoint from 0 up
+			0 : {
+				items: 1,
+			},
+			// breakpoint from 480 up
+			560 : {
+				items: 2,
+			},
+			// breakpoint from 768 up
+			768 : {
+				items: 3,
+			}
+		}
 	});
 	// Go to the next item
 	$('.ensuite').click(function() {

squelettes/scss/styles/_perso.scss

@@ -1042,8 +1042,10 @@ a:hover .fab, a:hover .fas {
 		.owl-carousel {
 			margin: 0 -4rem;
 			width: auto;
+			@media (max-width:768px) {
+				margin: 0 -2rem;
+			}
 			article {
-/* 				width: 30%; */
 				padding: 0 1rem;
 				h1 small, .texte_aside, .podcast, .sujets {
 					display: none;
@@ -1070,7 +1072,7 @@ a:hover .fab, a:hover .fas {
 				}
 				.texte_content {
 					position: relative;
-/* 					padding-bottom: 2.5rem; */
+					min-height: 320px;
 				}
 			}
 			.owl-nav {