grille logos partenaires

user/themes/epau-antimatter/css-compiled/template.css

@@ -1398,7 +1398,7 @@ h1 {
   flex-wrap: wrap;
   width: 100%;
   padding-left: 10%;
-  padding-right: 15%;
+  padding-right: 10%;
   margin: auto;
   justify-items: center; }
   @media (max-width: 442px) {
@@ -1494,13 +1494,16 @@ h1 {
 
 .grille {
   background-color: #fff;
-  display: flex;
+  padding-bottom: 6rem; }
-  margin: auto;
+  .grille .tous-logos {
-  padding-bottom: 8rem;
-  flex-wrap: wrap; }
-  .grille p {
     display: flex;
-    margin: auto; }
+    margin: auto;
+    max-width: 80%; }
+  .grille p {
+    justify-content: center;
+    display: flex;
+    margin: auto;
+    flex-wrap: wrap; }
   .grille img {
     height: 9rem;
     display: flex;

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -900,7 +900,7 @@ h1{
     // padding-right: 15%;
     width: 100%;
     padding-left: 10%;
-    padding-right: 15%;
+    padding-right: 10%;
     margin: auto;
     justify-items: center;
     @media (max-width: 442px) {
@@ -1042,16 +1042,17 @@ h1{
 
 .grille{
   background-color: #fff;
-  display: flex;
+  padding-bottom: 6rem;
-  margin: auto;
+  .tous-logos{
-  padding-bottom: 8rem;
-  // padding-left: 3rem;
-  // padding-right: 6rem;
-  flex-wrap: wrap;
-
-  p{
     display: flex;
     margin: auto;
+    max-width: 80%;
+  }
+  p{
+    justify-content: center;
+    display: flex;
+    margin: auto;
+    flex-wrap: wrap;
   }
   img{
     height: 9rem;

user/themes/epau-antimatter/templates/modular/partenaires.html.twig

@@ -15,7 +15,9 @@
 </div>
 
       <div class="grille">
-      {{ page.content|raw }}
+        <div class="tous-logos">
+        {{ page.content|raw }}
+        </div>
       </div>
 <!-- <div class="mozaique_personnes">
 {% for module in page.collection() %}