julien/tps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (tps) better pilars design flex

Browse Source
This commit is contained in:
Julien Calixte
2023-07-07 01:42:53 +02:00
parent 402c8e49e9
commit 76a406d9bf
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -30,7 +30,7 @@
fill="none" fill="none"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
> >
<rect width="1393" height="1288" fill="white" /> <rect width="1393" height="1288" />
<circle <circle
cx="696.5" cx="696.5"
cy="295.5" cy="295.5"

18
style.css
View File

@@ -23,6 +23,7 @@ main {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 0; gap: 0;
margin: 0 1rem;
} }
.customer-satisfaction { .customer-satisfaction {
@@ -58,31 +59,31 @@ main {
flex-direction: column; flex-direction: column;
} }
.pilars section {
text-align: center;
}
.pilars h3 { .pilars h3 {
background-color: var(--background-color); background-color: var(--background-color);
padding: 1rem 4rem;
margin-bottom: 0; margin-bottom: 0;
padding: 1rem 2rem;
width: calc(100% - (2rem * 2));
text-align: center;
} }
.people-improvement { .people-improvement {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 1;
} }
.people-improvement svg { .people-improvement svg {
max-width: 40vh; min-width: 30vh;
max-width: 50vh;
width: 100%; width: 100%;
align-self: center;
} }
.just-in-time, .just-in-time,
.jidoka { .jidoka {
display: flex; display: flex;
flex: 2;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
@@ -135,8 +136,7 @@ li {
} }
} }
// SVG /* SVG */
.person, .person,
.arrow { .arrow {
fill: var(--background-color); fill: var(--background-color);