Merge pull request #5 from lugvitc/main

Deploy v5: Responsiveness fix
lugvitc · Jun 18, 2024 · 45b1eae · 45b1eae
2 parents 8d1b20f + b65bd0c
commit 45b1eae
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/components/navbar.scss b/src/components/navbar.scss
@@ -26,6 +26,20 @@ nav {
 
     font-size: var(--nav-font-size);
 
+    div.sec-left {
+        @media (max-width: 475px) {
+            div {
+                display: none;
+            }
+        }
+
+        @media (max-width: 310px) {
+            img {
+                display: none;
+            }
+        }
+    }
+
     a:hover, button:hover {
         @apply text-yellow-400;
         font-weight: 500;

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -20,7 +20,7 @@ export default function NavBar() {
     return (
         <nav ref={nref}>
             <div className=" max-w-[100rem] pnav lg:mx-auto xl:px-16">
-                <div className="flex items-center gap-4">
+                <div className="flex items-center gap-4 sec-left">
                     <img className="h-10" src="/favicon.ico"/>
                     <div className=" border p-2 font-montserrat">LUGVITC</div>
                 </div>