From 76a406d9bf0df36a9e505db867fdcd52b13db4d1 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Fri, 7 Jul 2023 01:42:53 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(tps)=20better=20pilars=20design?=
 =?UTF-8?q?=20flex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |  2 +-
 style.css  | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 3d62a8b..e24f592 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
           >
-            <rect width="1393" height="1288" fill="white" />
+            <rect width="1393" height="1288" />
             <circle
               cx="696.5"
               cy="295.5"
diff --git a/style.css b/style.css
index 892859a..3ce6f27 100644
--- a/style.css
+++ b/style.css
@@ -23,6 +23,7 @@ main {
   flex-direction: column;
   justify-content: center;
   gap: 0;
+  margin: 0 1rem;
 }
 
 .customer-satisfaction {
@@ -58,31 +59,31 @@ main {
   flex-direction: column;
 }
 
-.pilars section {
-  text-align: center;
-}
-
 .pilars h3 {
   background-color: var(--background-color);
-  padding: 1rem 4rem;
   margin-bottom: 0;
+  padding: 1rem 2rem;
+  width: calc(100% - (2rem * 2));
+  text-align: center;
 }
 
 .people-improvement {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex: 1;
 }
 
 .people-improvement svg {
-  max-width: 40vh;
+  min-width: 30vh;
+  max-width: 50vh;
   width: 100%;
-  align-self: center;
 }
 
 .just-in-time,
 .jidoka {
   display: flex;
+  flex: 2;
   flex-direction: column;
   align-items: center;
 }
@@ -135,8 +136,7 @@ li {
   }
 }
 
-// SVG
-
+/* SVG */
 .person,
 .arrow {
   fill: var(--background-color);