added responsvness size 768px to the footer

Ameer2000Mzori · Ameer2000Mzori · commit 4f8fbd61ec18 · 2024-01-06T06:30:02.000+01:00
diff --git a/src/home.css b/src/home.css
@@ -1140,3 +1140,28 @@ body {
   font-size: 3rem;
   color: white;
 }
+
+@media screen and (max-width: 768px) {
+  .footer {
+    height: 50vh;
+    background-color: #37383d;
+    text-align: center;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    color: white;
+  }
+
+  .footer .footer-Wrap .footer-Top .footer-Top-Btn {
+    width: 330px;
+    height: 40px;
+    border-radius: 15px;
+    letter-spacing: 1px;
+  }
+
+  .footer .footer-Wrap .footer-Bottom #footer-Bottom-Icon {
+    font-size: 2.5rem;
+    color: white;
+  }
+}
diff --git a/src/home.css.map b/src/home.css.map
diff --git a/src/home.scss b/src/home.scss
@@ -1176,3 +1176,34 @@ body {
     }
   }
 }
+
+@media screen and (max-width: 768px) {
+  .footer {
+    height: 50vh;
+    background-color: #37383d;
+    text-align: center;
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    color: white;
+
+    .footer-Wrap {
+      .footer-Top {
+        .footer-Top-Btn {
+          width: 330px;
+          height: 40px;
+          border-radius: 15px;
+          letter-spacing: 1px;
+        }
+      }
+
+      .footer-Bottom {
+        #footer-Bottom-Icon {
+          font-size: 2.5rem;
+          color: white;
+        }
+      }
+    }
+  }
+}
