From c1f8fe6a3ea55e712db33dc01c6caa3abbc62a34 Mon Sep 17 00:00:00 2001
From: nael <nael@cubedesigners.com>
Date: Tue, 11 Jun 2019 17:32:21 +0200
Subject: [PATCH] wip #2762

---
 public/_modules/societe-valeurs/index.html | 24 +++++++++++-----------
 public/_modules/societe-valeurs/style.styl | 12 ++++++++---
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/public/_modules/societe-valeurs/index.html b/public/_modules/societe-valeurs/index.html
index c3ab0dd..5e7092d 100644
--- 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 347f215..f155df8 100644
--- 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
-- 
2.39.5