[CMS- Homepage] Correction sur l'affichage des logos partenaires

fix partners logo responsive (#925)
gip-inclusion · Sep 27, 2023 · ff1ca28 · ff1ca28
1 parent 5e34b3f
commit ff1ca28
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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>
+</section>