From 94d8ef74455e3dacbc3b60b5b7493c2b1636dc16 Mon Sep 17 00:00:00 2001
From: Urbano <urbano@Urbanos-MBP.attlocal.net>
Date: Mon, 16 Sep 2024 21:49:38 -0400
Subject: [PATCH] Fixing navbar dropdown and links in main section

---
 app/page.tsx                        | 6 +++---
 components/navbar/Navbar.module.css | 3 ++-
 components/navbar/Navbar.tsx        | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 689f7c9..0eac207 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -154,7 +154,7 @@ export default function Home() {
             Finance that fell in love with computer science when I took{' '}
             <a
               href="https://cs50.harvard.edu/x/2023/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               CS50x
             </a>
@@ -164,7 +164,7 @@ export default function Home() {
             In 2019 I started working as Teaching Fellow with the{' '}
             <a
               href="https://mdcthereporter.com/the-idea-center-to-offer-computer-science-masterclass-cs50x-miami/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               CS50x
             </a>{' '}
@@ -177,7 +177,7 @@ export default function Home() {
             In 2021 I got my first role as a software engineer with{' '}
             <a
               href="https://gohopscotch.com/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               Hopscotch
             </a>{' '}
diff --git a/components/navbar/Navbar.module.css b/components/navbar/Navbar.module.css
index 8c31856..4239cc7 100644
--- a/components/navbar/Navbar.module.css
+++ b/components/navbar/Navbar.module.css
@@ -26,6 +26,7 @@
 
 .dropdownContainer {
   position: absolute;
+  border: 1px solid black;
   top: 64px;
   z-index: 10;
   visibility: visible;
@@ -90,7 +91,7 @@
   }
 
   .dropdownContainer {
-    width: calc(100svw - 80px);
+    width: calc(100svw - 106px);
     padding: 10px 26px 0 26px;
   }
 }
diff --git a/components/navbar/Navbar.tsx b/components/navbar/Navbar.tsx
index 21cdbbc..0a503d6 100644
--- a/components/navbar/Navbar.tsx
+++ b/components/navbar/Navbar.tsx
@@ -118,7 +118,7 @@ const Navbar: FC<NavbarProps> = ({}) => {
       <div
         className={cn(
           styles.dropdownContainer,
-          'flex flex-col px-10 w-full pt-3 bg-blue-50',
+          'flex flex-col px-10 w-full pt-3 bg-white',
           !dropdownVisible && styles.disabled
         )}
       >