From 1e6b3d2c0bf2f9961bd0ca0fb34d7c8f39eec644 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 07:51:18 +0000
Subject: [PATCH 01/12] slightly adjusted structure of nav with new links

---
 src/layout/header.tsx | 78 ++++++++++++++++++++++++++++++-------------
 1 file changed, 54 insertions(+), 24 deletions(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 690cc84..f016e23 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -173,30 +173,60 @@ export const Header = () => {
       <div className={navStyles.NavMainBottom}>
         <div className={mainStyles.ContainerMain}>
           <div className={navStyles.NavMainBottomInside}>
-            <Link
-              to={appRoutes.games}
-              className={navStyles.NavMainBottomInsideLink}
-            >
-              Games
-            </Link>
-            <Link
-              to={appRoutes.mods}
-              className={navStyles.NavMainBottomInsideLink}
-            >
-              Mods
-            </Link>
-            <Link
-              to={appRoutes.about}
-              className={navStyles.NavMainBottomInsideLink}
-            >
-              About
-            </Link>
-            <Link
-              to={appRoutes.blog}
-              className={navStyles.NavMainBottomInsideLink}
-            >
-              Blog
-            </Link>
+            <div class="NavMainBottomInsideOther NavMainBottomInsideOtherLeft"></div>
+            <div class="">
+              <Link
+                to={appRoutes.games}
+                className={navStyles.NavMainBottomInsideLink}
+              >
+                Games
+              </Link>
+              <Link
+                to={appRoutes.mods}
+                className={navStyles.NavMainBottomInsideLink}
+              >
+                Mods
+              </Link>
+              <Link
+                to={appRoutes.about}
+                className={navStyles.NavMainBottomInsideLink}
+              >
+                About
+              </Link>
+              <Link
+                to={appRoutes.blog}
+                className={navStyles.NavMainBottomInsideLink}
+              >
+                Blog
+              </Link>
+            </div>
+            <div class="NavMainBottomInsideOther NavMainBottomInsideOtherRight">
+              <a class="NavMainBottomInsideOtherLink" href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
+                <img src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="15px" />
+              </a>
+              <a class="NavMainBottomInsideOtherLink" href="https://x.com/DEGMods" target="_blank">
+                <svg
+                    xmlns='http://www.w3.org/2000/svg'
+                    viewBox='0 0 512 512'
+                    width='1em'
+                    height='1em'
+                    fill='currentColor'
+                  >
+                    <path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path>
+                  </svg>
+              </a>
+              <a class="NavMainBottomInsideOtherLink" href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
+                <svg
+                    xmlns='http://www.w3.org/2000/svg'
+                    viewBox='0 0 512 512'
+                    width='1em'
+                    height='1em'
+                    fill='currentColor'
+                  >
+                    <path d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'></path>
+                  </svg>
+              </a>
+            </div>
           </div>
         </div>
       </div>

From 9a1cc3902744418e273409ba5ea9a5fd0a42a338 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 07:55:53 +0000
Subject: [PATCH 02/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index 7ef7c01..c73db1d 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -246,8 +246,8 @@
 
   .NavMainBottomInside {
     width: 100%;
-    display: flex;
-    flex-direction: row;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
     grid-gap: 10px;
     justify-content: center;
     align-items: center;
@@ -272,5 +272,10 @@
         color: rgba(255, 255, 255, 0.65);
       }
     }
+
+    @media (max-width: 768px) {
+        display: flex;
+        justify-content: start;
+        }
   }
 }

From 8bd43735463ef7aad701ae4c99e6dc3c3e60f116 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 08:06:25 +0000
Subject: [PATCH 03/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 77 +++++++++++++++++++++++++++++++-------
 1 file changed, 63 insertions(+), 14 deletions(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index c73db1d..43834f5 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -255,27 +255,76 @@
     white-space: nowrap;
     overflow-x: auto;
 
-    .NavMainBottomInsideLink {
-      transition: ease 0.4s;
-      text-decoration: unset;
-      color: rgba(255, 255, 255, 0.5);
-      font-weight: bold;
-      padding: 5px 15px;
-
-      &:hover {
+    .NavMainBottomInsideLinks {
+      display: flex;
+      flex-direction: row;
+      grid-gap: 10px;
+      justify-content: center;
+      align-items: center;
+    
+      .NavMainBottomInsideLink {
         transition: ease 0.4s;
-        color: rgba(255, 255, 255, 0.85);
         text-decoration: unset;
+        color: rgba(255, 255, 255, 0.5);
+        font-weight: bold;
+        padding: 5px 15px;
+
+        &:hover {
+          transition: ease 0.4s;
+          color: rgba(255, 255, 255, 0.85);
+          text-decoration: unset;
+        }
+
+        &.NMBILActive {
+          color: rgba(255, 255, 255, 0.65);
+        }
       }
 
-      &.NMBILActive {
-        color: rgba(255, 255, 255, 0.65);
-      }
+      @media (max-width: 768px) {
+          display: flex;
+          justify-content: start;
+          }
     }
 
-    @media (max-width: 768px) {
+    .NavMainBottomInsideOther {
+      display: flex;
+      lex-direction: row;
+      grid-gap: 10px;
+      height: 100%;
+      justify-content: end;
+
+      .NavMainBottomInsideOtherLink {
+        transition: ease 0.4s;
+        width: 35px;
         display: flex;
-        justify-content: start;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        height: 35px;
+        color: white;
+        opacity: 0.65;
+        border-radius: 5px;
+        background: rgba(255,255,255,0);
+
+        &:hover {
+          transition: ease 0.4s;
+          color: white;
+          opacity: 0.85;
+          background: rgba(255,255,255,0.1);
         }
+      }
+      
+      .NavMainBottomInsideOtherLeft {
+
+        @media (max-width: 768px) {
+          display: none;
+        }
+
+      }
+
+      .NavMainBottomInsideOtherRight {
+        
+      }
+    }
   }
 }

From 7743f30faaf6036b6ed69427d59e57b533178639 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 08:14:44 +0000
Subject: [PATCH 04/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 68 +++++++++++++++++---------------------
 1 file changed, 30 insertions(+), 38 deletions(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index 43834f5..7a544da 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -245,47 +245,40 @@
   }
 
   .NavMainBottomInside {
-    width: 100%;
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    grid-gap: 10px;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
-    white-space: nowrap;
-    overflow-x: auto;
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-gap: 10px;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  white-space: nowrap;
+  overflow-x: auto;
 
-    .NavMainBottomInsideLinks {
-      display: flex;
-      flex-direction: row;
-      grid-gap: 10px;
-      justify-content: center;
-      align-items: center;
-    
-      .NavMainBottomInsideLink {
-        transition: ease 0.4s;
-        text-decoration: unset;
-        color: rgba(255, 255, 255, 0.5);
-        font-weight: bold;
-        padding: 5px 15px;
+  .NavMainBottomInsideLink {
+    transition: ease 0.4s;
+    text-decoration: unset;
+    color: rgba(255, 255, 255, 0.5);
+    font-weight: bold;
+    padding: 5px 15px;
 
-        &:hover {
-          transition: ease 0.4s;
-          color: rgba(255, 255, 255, 0.85);
-          text-decoration: unset;
-        }
-
-        &.NMBILActive {
-          color: rgba(255, 255, 255, 0.65);
-        }
-      }
-
-      @media (max-width: 768px) {
-          display: flex;
-          justify-content: start;
-          }
+    &:hover {
+      transition: ease 0.4s;
+      color: rgba(255, 255, 255, 0.85);
+      text-decoration: unset;
     }
 
+    &.NMBILActive {
+      color: rgba(255, 255, 255, 0.65);
+    }
+  }
+
+  @media (max-width: 768px) {
+    display: flex;
+    justify-content: start;
+  }
+}
+
     .NavMainBottomInsideOther {
       display: flex;
       lex-direction: row;
@@ -325,6 +318,5 @@
       .NavMainBottomInsideOtherRight {
         
       }
-    }
   }
 }

From d18528bcf6949b66c7b0d9a59adf0c46ce2ee4fb Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 08:20:45 +0000
Subject: [PATCH 05/12] Update src/layout/header.tsx

---
 src/layout/header.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index f016e23..bd98064 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -173,8 +173,8 @@ export const Header = () => {
       <div className={navStyles.NavMainBottom}>
         <div className={mainStyles.ContainerMain}>
           <div className={navStyles.NavMainBottomInside}>
-            <div class="NavMainBottomInsideOther NavMainBottomInsideOtherLeft"></div>
-            <div class="">
+            <div className="NavMainBottomInsideOther NavMainBottomInsideOtherLeft"></div>
+            <div className="">
               <Link
                 to={appRoutes.games}
                 className={navStyles.NavMainBottomInsideLink}
@@ -200,11 +200,11 @@ export const Header = () => {
                 Blog
               </Link>
             </div>
-            <div class="NavMainBottomInsideOther NavMainBottomInsideOtherRight">
-              <a class="NavMainBottomInsideOtherLink" href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
+            <div className="NavMainBottomInsideOther NavMainBottomInsideOtherRight">
+              <a className="NavMainBottomInsideOtherLink" href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
                 <img src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="15px" />
               </a>
-              <a class="NavMainBottomInsideOtherLink" href="https://x.com/DEGMods" target="_blank">
+              <a className="NavMainBottomInsideOtherLink" href="https://x.com/DEGMods" target="_blank">
                 <svg
                     xmlns='http://www.w3.org/2000/svg'
                     viewBox='0 0 512 512'
@@ -215,7 +215,7 @@ export const Header = () => {
                     <path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path>
                   </svg>
               </a>
-              <a class="NavMainBottomInsideOtherLink" href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
+              <a className="NavMainBottomInsideOtherLink" href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
                 <svg
                     xmlns='http://www.w3.org/2000/svg'
                     viewBox='0 0 512 512'

From b1b087623814dc62ee62549814219cc3c17c425e Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 08:25:20 +0000
Subject: [PATCH 06/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index 7a544da..9d8a8bb 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -312,7 +312,6 @@
         @media (max-width: 768px) {
           display: none;
         }
-
       }
 
       .NavMainBottomInsideOtherRight {

From e335b05290de18ca0f4bf59d066c4d99dc732a62 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 08:27:38 +0000
Subject: [PATCH 07/12] Update src/layout/header.tsx

---
 src/layout/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index bd98064..449d29a 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -174,7 +174,7 @@ export const Header = () => {
         <div className={mainStyles.ContainerMain}>
           <div className={navStyles.NavMainBottomInside}>
             <div className="NavMainBottomInsideOther NavMainBottomInsideOtherLeft"></div>
-            <div className="">
+            <div className="NavMainBottomInsideLinks">
               <Link
                 to={appRoutes.games}
                 className={navStyles.NavMainBottomInsideLink}

From 2a28b068b66d970f58ae9944793718bad41acdd2 Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 09:39:14 +0000
Subject: [PATCH 08/12] Update src/layout/header.tsx

---
 src/layout/header.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 449d29a..8ce1511 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -173,8 +173,8 @@ export const Header = () => {
       <div className={navStyles.NavMainBottom}>
         <div className={mainStyles.ContainerMain}>
           <div className={navStyles.NavMainBottomInside}>
-            <div className="NavMainBottomInsideOther NavMainBottomInsideOtherLeft"></div>
-            <div className="NavMainBottomInsideLinks">
+            <div className=`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherLeft}`></div>
+            <div className={navStyles.NavMainBottomInsideLinks}>
               <Link
                 to={appRoutes.games}
                 className={navStyles.NavMainBottomInsideLink}
@@ -200,11 +200,11 @@ export const Header = () => {
                 Blog
               </Link>
             </div>
-            <div className="NavMainBottomInsideOther NavMainBottomInsideOtherRight">
-              <a className="NavMainBottomInsideOtherLink" href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
+            <div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherRight}`}
+              <a className={navStyles.NavMainBottomInsideOtherLink} href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
                 <img src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="15px" />
               </a>
-              <a className="NavMainBottomInsideOtherLink" href="https://x.com/DEGMods" target="_blank">
+              <a className={navStyles.NavMainBottomInsideOtherLink} href="https://x.com/DEGMods" target="_blank">
                 <svg
                     xmlns='http://www.w3.org/2000/svg'
                     viewBox='0 0 512 512'
@@ -215,7 +215,7 @@ export const Header = () => {
                     <path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path>
                   </svg>
               </a>
-              <a className="NavMainBottomInsideOtherLink" href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
+              <a className={navStyles.NavMainBottomInsideOtherLink} href="https://www.youtube.com/@DEGModsDotCom" target="_blank">
                 <svg
                     xmlns='http://www.w3.org/2000/svg'
                     viewBox='0 0 512 512'

From b259623ab69a28db9369f57547c872ed91facf7c Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 09:46:18 +0000
Subject: [PATCH 09/12] Update src/layout/header.tsx

---
 src/layout/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 8ce1511..115d9fc 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -173,7 +173,7 @@ export const Header = () => {
       <div className={navStyles.NavMainBottom}>
         <div className={mainStyles.ContainerMain}>
           <div className={navStyles.NavMainBottomInside}>
-            <div className=`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherLeft}`></div>
+            <div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherLeft}`}></div>
             <div className={navStyles.NavMainBottomInsideLinks}>
               <Link
                 to={appRoutes.games}

From b0f8c647eea2fba8ba83f5916481a17c40d0e4fe Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 09:51:20 +0000
Subject: [PATCH 10/12] Update src/layout/header.tsx

---
 src/layout/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 115d9fc..8b1599b 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -200,7 +200,7 @@ export const Header = () => {
                 Blog
               </Link>
             </div>
-            <div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherRight}`}
+            <div className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherRight}`}>
               <a className={navStyles.NavMainBottomInsideOtherLink} href="https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x" target="_blank">
                 <img src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="15px" />
               </a>

From be7e506457dc39f968e48e583250ae393b6bef8f Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 09:59:40 +0000
Subject: [PATCH 11/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index 9d8a8bb..93fb67d 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -281,7 +281,7 @@
 
     .NavMainBottomInsideOther {
       display: flex;
-      lex-direction: row;
+      flex-direction: row;
       grid-gap: 10px;
       height: 100%;
       justify-content: end;

From aca6908ce928b9349f212ed7b99c32fcfce30aae Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Mon, 26 Aug 2024 10:09:14 +0000
Subject: [PATCH 12/12] Update src/styles/nav.module.scss

---
 src/styles/nav.module.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/styles/nav.module.scss b/src/styles/nav.module.scss
index 93fb67d..93baeef 100644
--- a/src/styles/nav.module.scss
+++ b/src/styles/nav.module.scss
@@ -308,6 +308,8 @@
       }
       
       .NavMainBottomInsideOtherLeft {
+        display: flex;
+        justify-content: start;
 
         @media (max-width: 768px) {
           display: none;
@@ -315,7 +317,8 @@
       }
 
       .NavMainBottomInsideOtherRight {
-        
+        display: flex;
+        justify-content: end;
       }
   }
 }