Responsive side bar (80% completed)

FazeElian · Aug 12, 2024 · c49d94a · c49d94a
1 parent 3d7c056
commit c49d94a
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/frontend/src/assets/css/components/student/StudentHeader.css b/frontend/src/assets/css/components/student/StudentHeader.css
@@ -114,4 +114,50 @@
     cursor: pointer;
     font-family: "Bangers", system-ui;
     font-weight: lighter;
+}
+
+/* Responsive 1440px */
+@media (max-width: 1440px) {
+    .header {
+        padding: 1rem 3rem 1rem;
+    }
+
+    .nav-user h2 {
+        font-size: 22px;
+    }
+
+    .nav-logo {
+        font-size: 32px;
+    }
+
+    .item-nav-menu {
+        font-size: 20px;
+    }
+
+    .btn-nav-menu img {
+        width: 30px;
+        height: 35px;
+    }
+}
+
+/* Responsive 1024px  */
+@media (max-width: 1024px) {
+    .nav-menu {
+        display: none;
+    }
+
+    .nav-side-bar {
+        width: 80%;
+        min-width: 300px;
+        padding: 3rem 2.5rem 3rem;
+    }
+
+    .nav-side-bar h1 {
+        font-size: 35px;
+    }
+}
+
+/* Responsive 425px */
+@media (max-width: 425px) {
+
 }