Improved donate, about & home page, and fixed logo going outside scre…

…en in the navbar
RenegadeGirls · Dec 20, 2023 · 1c26813 · 1c26813
1 parent 473e3d1
commit 1c26813
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 6 deletions.
diff --git a/about/style.css b/about/style.css
@@ -53,16 +53,18 @@
 
 #employment {
     font-family: "Poppins";
-    font-size: 2.3em;
+    font-size: 2.5em;
     font-weight: 500;
     margin-top: 5rem;
     margin-bottom: 0px;
 }
 
 #about {
     font-family: "Nunito";
-    font-size: 1.2em;
+    font-size: 1.3em;
     max-width: 900px;
+    margin-left: 2px;
+    margin-bottom: 2em;
 }
 
 .type {
@@ -85,7 +87,7 @@
 
 .type > p {
     font-family: "Nunito";
-    font-size: 1.1em;
+    font-size: 1.3em;
     margin-bottom: 2em;
 }
 
@@ -104,6 +106,10 @@
     margin-bottom: 0px;
 }
 
+.list li {
+    font-size: 1.3em;
+}
+
 .salary {
     margin-top: 3em;
     font-size: 1.6em;

diff --git a/donate/style.css b/donate/style.css
@@ -19,6 +19,7 @@
     display: flex;
     flex-direction: column;
     gap: 1.5em;
+    margin-top: calc(1em + 3px);
 }
 
 .donate {

diff --git a/global/generic/nav.css b/global/generic/nav.css
@@ -93,7 +93,7 @@ img {
     }
 }
 
-@media (max-width: 520px) {
+@media (max-width: 600px) {
     #logo-big {
         display: none;
     }

diff --git a/global/global.css b/global/global.css
@@ -24,7 +24,7 @@
     --l: #eae9e6;
     --m: #be1010;
 
-    font-size: max(1vw, 8px);
+    font-size: max(1vw, 10px);
 }
 
 * {

diff --git a/home/style.css b/home/style.css
@@ -96,7 +96,7 @@
     #symbol {
         margin-left: auto;
         margin-right: auto;
-        width: calc(500px - 8em);
+        width: calc(400px - 8em);
         max-width: 70rem;
     }
 
@@ -107,4 +107,22 @@
     .social {
         font-size: min(8rem, 40px);
     }
+}
+
+@media (max-width: 600px) {
+    #renegade {
+        font-size: 11vw;
+    }
+
+    #definition {
+        font-size: 3.5vw;
+        width: fit-content;
+    }
+
+    #us {
+        margin-left: 0px;
+        margin-right: 0px;
+        padding-left: 50px;
+        padding-right: 50px;
+    }
 }