wip #2762

diff --git a/public/_modules/societe-valeurs/index.html b/public/_modules/societe-valeurs/index.html
index c3ab0dd92ed45cadeebb11d98ec3413f11cb73a3..5e7092dd9ad97416c1248939a475cedfc352db61 100644 (file)
--- a/public/_modules/societe-valeurs/index.html
+++ b/public/_modules/societe-valeurs/index.html
@@ -22,31 +22,31 @@
         </div>
     </div>
 
-    <div class="grid grid-contain mt-2v grid-cols-5 xl:grid-cols-3 grid-gap-lg md:grid-cols-2 xs:grid-cols-1 xs:grid-gap-20v">
+    <div class="grid grid-contain mt-2v grid-cols-5 xl:grid-cols-5 grid-gap-xl md:grid-cols-3 xs:grid-cols-2 xs:grid-gap-20v">
         <div class="justify-center text-center grid">
             <div class="grid-icon mb-4"></div>
-            <h4 class="font-display">Valeur 01</h4>
-            <p class="text-grey-dark">Illustrée par un picto</p>
+            <h4 class="font-display mb-0">Valeur 01</h4>
+            <p class="text-grey-dark mt-3">Illustrée par un picto</p>
         </div>
         <div class="justify-center text-center grid">
-            <div class="grid-icon mb-4"></div>
-            <h4 class="font-display">Valeur 01</h4>
-            <p class="text-grey-dark">Illustrée par un picto</p>
+            <div class="grid-icon mb-4 "></div>
+            <h4 class="font-display mb-0">Valeur 01</h4>
+            <p class="text-grey-dark mt-3">Illustrée par un picto</p>
         </div>
         <div class="justify-center text-center grid">
             <div class="grid-icon mb-4"></div>
-            <h4 class="font-display">Valeur 01</h4>
-            <p class="text-grey-dark">Illustrée par un picto</p>
+            <h4 class="font-display mb-0">Valeur 01</h4>
+            <p class="text-grey-dark mt-3">Illustrée par un picto</p>
         </div>
         <div class="justify-center text-center grid">
             <div class="grid-icon mb-4"></div>
-            <h4 class="font-display">Valeur 01</h4>
-            <p class="text-grey-dark">Illustrée par un picto</p>
+            <h4 class="font-display mb-0">Valeur 01</h4>
+            <p class="text-grey-dark mt-3">Illustrée par un picto</p>
         </div>
         <div class="justify-center text-center grid">
             <div class="grid-icon mb-4"></div>
-            <h4 class="font-display">Valeur 01</h4>
-            <p class="text-grey-dark">Illustrée par un picto</p>
+            <h4 class="font-display mb-0">Valeur 01</h4>
+            <p class="text-grey-dark mt-3">Illustrée par un picto</p>
         </div>
     </div>
 </div>

diff --git a/public/_modules/societe-valeurs/style.styl b/public/_modules/societe-valeurs/style.styl
index 347f21591e774aae297211a8d41321f34fdfc39b..f155df814f9dba0b7bd819316f8f408ee8ccb5c9 100644 (file)
--- a/public/_modules/societe-valeurs/style.styl
+++ b/public/_modules/societe-valeurs/style.styl
@@ -16,9 +16,15 @@ $verylightgrey =#E7E9F3
 
 #valeur
   .grid-icon
-    width 230px
-    height 230px
+    width 12vw
+    height 12vw
     background: $lightgrey
     border-radius 50%
     align-self: center;
-    justify-self: center;
\ No newline at end of file
+    justify-self: center;
+    @media (max-width :1023px)
+      width: 25vw
+      height: 25vw
+    @media (max-width :499px)
+      width: 35vw
+      height: 35vw
\ No newline at end of file