Footer actually fixed now i actually sleep LOL.

CommuniCare1 · Aug 18, 2024 · cd4819c · cd4819c
1 parent e99dea5
commit cd4819c
Showing 1 changed file with 47 additions and 37 deletions.
diff --git a/footer.css b/footer.css
@@ -180,41 +180,51 @@ footer p {position:relative;
     }
 }
 
-@media screen and (max-device-width: 480px) {
-    .button-container {display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 10px;}
-
-    footer {height: 57em;
-        padding: 25%;
-        width:100%;}
-
-    .FooterImg {top: -47em;
-        width: 100%;}
-    footer h4 {font-size: 45px;
-        position: relative;
-        top: 1em;
-        left:-0.5em;
-        width: 126%;}
-    .Join {width: 260px;
-        height: 70px;
-        font-size: 25px;
-        position: relative;
-        top: 30px;
-        transform: scale(1.25);
-        margin: 20px;}
-
-    footer nav {transform: scale(2);
-        margin-top: 140px;}
-    footer nav a {font-size: 16px;
-        margin: 10px 0;}
-    .InstallApp {transform: scale(2);
-        top: -60px;
-        margin-bottom: 30px;}
-    footer p {margin-top: 13em;
-        font-size: 19px;
-        width: 130%;
-        left: -1em;
-        display:flex;}
+footer {
+    height: 61em;
+    padding: 0%;
+    width:100%;
+    /* padding-bottom: 4em; */
+    }
+
+.FooterImg {
+    top: -42em;
+    width: 100%;
+    transform: scale(0.85);
+    }
+footer h4 {
+    font-size: 38px;
+    position: relative;
+    top: 3em;
+    left: -1em;
+    width: 126%;
+    }
+.Join {
+    width: 260px;
+    height: 70px;
+    font-size: 25px;
+    position: relative;
+    top: 87px;
+    transform: scale(1.25);
+    margin: 20px;
+    }
+
+footer nav {
+    transform: scale(2);
+    margin-top: 167px;
+    }
+footer nav a {font-size: 16px;
+    margin: 10px 0;}
+.InstallApp {
+    transform: scale(2);
+    top: -91px;
+    margin-bottom: 30px;
+    }
+footer p {
+    margin-top: 12em;
+    font-size: 16px;
+    width: 130%;
+    left: 3em;
+    display:flex;
+    }
 /* Footer Ends */