From ff1ca28a9a614bfb524a306a721ebbfab9363d7a Mon Sep 17 00:00:00 2001
From: SebastienReuiller <sebastien@reuiller.email>
Date: Wed, 27 Sep 2023 14:18:05 +0200
Subject: [PATCH] [CMS- Homepage] Correction sur l'affichage des logos
 partenaires

fix partners logo responsive (#925)
---
 lemarche/static/itou_marche/sections/_home.scss          | 9 ++++++++-
 lemarche/templates/cms/streams/section_our_partners.html | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/lemarche/static/itou_marche/sections/_home.scss b/lemarche/static/itou_marche/sections/_home.scss
index dca1bd501..f0b6834e9 100644
--- a/lemarche/static/itou_marche/sections/_home.scss
+++ b/lemarche/static/itou_marche/sections/_home.scss
@@ -88,10 +88,14 @@
 		img {
 			display: block;
 			margin: auto;
+			max-width: 100%;
+			height: auto;
 		}
+
 		@media (max-width: 992px) {
 			width: 25%;
 		}
+
 		@media (min-width: 992px) {
 			width: 12.5%;
 		}
@@ -105,14 +109,17 @@
 	width: 100%;
 	position: relative;
 }
+
 .multiCarousel .multiCarousel-inner {
 	transition: 1s ease all;
 	float: left;
 }
+
 .multiCarousel .multiCarousel-inner .item {
 	float: left;
 }
-.multiCarousel .multiCarousel-inner .item > div {
+
+.multiCarousel .multiCarousel-inner .item>div {
 	text-align: center;
 	padding: 10px;
 	margin: 10px;
diff --git a/lemarche/templates/cms/streams/section_our_partners.html b/lemarche/templates/cms/streams/section_our_partners.html
index 1d87b8331..50dd26f0c 100644
--- a/lemarche/templates/cms/streams/section_our_partners.html
+++ b/lemarche/templates/cms/streams/section_our_partners.html
@@ -10,7 +10,7 @@ <h2 class="h2 mb-3 mb-lg-5 text-center">{{self.title}}</h2>
         </div>
         <div class="s-hp-slider-partners__row row">
             {% for image_with_link in self.images_with_link  %}
-                <div class="s-hp-slider-partners__col s-hp-slider-partners__col-image">
+                <div class="s-hp-slider-partners__col s-hp-slider-partners__col-image d-flex align-items-center col-md col-xs-6">
                     {% include_block image_with_link %}
                     {% comment %} <a href="https://group.bnpparibas/" target="_blank" rel="noopener">
                         <img src="{% static 'images/logo-partners-bnp.svg' %}" class="img-fluid" alt="Banque BNP Paribas | La banque d'un monde qui change" loading="lazy" />
@@ -19,4 +19,4 @@ <h2 class="h2 mb-3 mb-lg-5 text-center">{{self.title}}</h2>
             {% endfor %}
         </div>
     </div>
-</section>
\ No newline at end of file
+</section>