From bd85604a2cbbc2e33fa7fe0fa4c5ebbbf01cbf9e Mon Sep 17 00:00:00 2001
From: VividTruthKeeper <mr.aydogdy02@gmail.com>
Date: Thu, 23 Feb 2023 08:51:16 +0500
Subject: [PATCH] styling

---
 src/components/header/Nav.tsx | 6 +++---
 src/styles/_nav.scss          | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/header/Nav.tsx b/src/components/header/Nav.tsx
index b7a814c..0b86a58 100644
--- a/src/components/header/Nav.tsx
+++ b/src/components/header/Nav.tsx
@@ -59,19 +59,19 @@ const Nav = () => {
                 <li>
                   <a href="#" target={"_blank"}>
                     <Instagram />
-                    <span>hhm@inst.com</span>
+                    {/* <span>hhm@inst.com</span> */}
                   </a>
                 </li>
                 <li>
                   <a href="#" target={"_blank"}>
                     <Facebook />
-                    <span>hhm@face.com</span>
+                    {/* <span>hhm@face.com</span> */}
                   </a>
                 </li>
                 <li>
                   <a href="#" target={"_blank"}>
                     <TikTok />
-                    <span>@hhm</span>
+                    {/* <span>@hhm</span> */}
                   </a>
                 </li>
               </ul>
diff --git a/src/styles/_nav.scss b/src/styles/_nav.scss
index 16c8690..cde22fe 100644
--- a/src/styles/_nav.scss
+++ b/src/styles/_nav.scss
@@ -3,7 +3,7 @@
   padding: 3rem 0;
   display: grid;
   align-items: center;
-  grid-template-columns: repeat(3, auto);
+  grid-template-columns: repeat(3, 1fr);
   gap: 2.4rem;
   justify-content: space-between;
   border-bottom: 0.1rem solid $black;
@@ -85,6 +85,7 @@
   ul {
     display: flex;
     align-items: center;
+    justify-content: flex-end;
     gap: 2.4rem;
   }
 
@@ -231,8 +232,8 @@
   .nav-inner {
     display: flex;
     flex-direction: row-reverse;
-    gap: 1.6rem;
     justify-content: space-between;
+    gap: 1.6rem;
     padding: 2.4rem 0;
     border-bottom: none;
   }