Merge pull request #99 from hack4bengal/ark-dev

[FIX]: Fixed header responsiveness
hack4bengal · Jun 7, 2024 · a545063 · a545063
2 parents 8555c31 + 428852d
commit a545063
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/shared/header/Header.jsx b/src/components/shared/header/Header.jsx
@@ -19,10 +19,9 @@ const Header = ({ ...data }) => {
 
   const backWordStyles = {
     fontSize:
-      windowWidth < 900
-        ? "100px"
+      windowWidth > 900 ? data.backWordSize || "150px"
         : windowWidth > 700
-          ? data.backWordSize || "150px"
+          ? "100px"
           : data.backWordSize_mobile,
     letterSpacing:
       windowWidth > 700

diff --git a/src/components/shared/navbar/Navbar.scss b/src/components/shared/navbar/Navbar.scss
@@ -184,7 +184,8 @@
       justify-content: flex-end;
 
       .navbar__mobile__sidebar {
-        width: 70%;
+        width: 40%;
+        min-width: 18rem;
         height: 100%;
         background-color: #1b1b1b;
         border-radius: 20px 0px 0px 20px;
@@ -241,6 +242,7 @@
         flex-direction: column;
         justify-content: center;
         align-items: flex-start;
+        gap: 1rem;
 
         span {
           color: var(--h4bred);
@@ -250,6 +252,7 @@
 
         img {
           object-fit: contain;
+          width: 200px;
         }
       }
     }
@@ -324,4 +327,4 @@
       width: 175px;
     }
   }
-}
+}