Merge pull request #655 from Asymtode712/ResponsiveFeat

Added responsiveness to Team page
mdazfar2 · Jun 25, 2024 · 97df4eb · 97df4eb
2 parents c50974f + 24be87e
commit 97df4eb
Show file tree

Hide file tree

Showing 5 changed files with 536 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "@splidejs/react-splide": "^0.7.12"
+  }
+}
diff --git a/website3.0/stylesheets/footer.css b/website3.0/stylesheets/footer.css
@@ -42,4 +42,25 @@
 }
 .font a{
     text-decoration: underline;
+}
+
+/* Mobile-S (325px) */
+@media screen and (max-width: 320px){
+    .footer{
+        margin-left: 70px;
+    }
+}
+
+/* Mobile-M (375px) */
+@media screen and (min-width: 321px) and (max-width: 375px) {
+    .footer{
+        margin-left: 65px;
+    }
+}
+
+/* Mobile-L (425px) */
+@media screen and (min-width: 376px) and (max-width: 425px) {
+    .footer{
+        margin-left: 35px;
+    }
 }
diff --git a/website3.0/stylesheets/header.css b/website3.0/stylesheets/header.css
@@ -234,6 +234,9 @@ nav {
     top: 10px;
     left: 3% !important;
   }
+  .toggle-switch{
+    margin-top: 18px;
+  }
   nav {
     gap: 5% !important;
   }