Navbar issues resolved

4 files changed, 37 insertions, 17 deletions

diff --git a/src/components/Header.astro b/src/components/Header.astro
index bce5716..8d857a6 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -71,13 +71,13 @@ import 'bootstrap/dist/css/bootstrap.css'
         color: white;
         font-weight: 700;
         font-size: 3vh;
-        padding: 1vh 10vw;
+        padding: 1vh 4vw;
         border-radius: 20px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        margin: 2vh;
+        margin: 2vh; 
     }
 
     .hack-button {
@@ -140,10 +140,15 @@ import 'bootstrap/dist/css/bootstrap.css'
         }
     }
 
-    @media screen and (max-width: 754px) {
+    @media screen and (max-width: 748px) {
         .head{
-            flex-direction: row;
-            height: 100vh;
+            /* flex-direction: row; */
+            padding-top: 4vh;
+            flex-direction: column-reverse;
+            position: relative;
+            top: 7vh;
+            margin-bottom: 10vh;
+            height: 100%;
         }
 
         .hack-heading{
@@ -162,22 +167,36 @@ import 'bootstrap/dist/css/bootstrap.css'
         .map img{
             height: 40vh;
         }
+        .btn-Container{
+            font-size: 2vh;
+            padding: 0vh 3vw;
+        }
     }
 
-    @media screen and (min-width: 748px) and (max-width: 982px) {
+    @media screen and (min-width: 749px) and (max-width: 982px) {
         
         .head{
             margin-top: 6vh;
         }
+        .map img{
+            height: 40vh;
+        }
     }
     @media screen and (max-width: 982px) {
         
         .hack-heading{
-            font-size: 3vh;
+            font-size: 4.5vh;
         }
         .btn-Container{
             font-size: 2vh;
-            padding: 0vh 3vw;
+            padding: 0vh 2vw;
+        }
+        .btn-Container p{
+            padding: 1vh;
+            margin: 0;
+        }
+        .registration{
+            padding: 1vh;
         }
     }
 
diff --git a/src/components/HomeBody.astro b/src/components/HomeBody.astro
index eb122bb..aaec69c 100644
--- a/src/components/HomeBody.astro
+++ b/src/components/HomeBody.astro
@@ -269,7 +269,7 @@ const coreteam: CoreTeam[] = [
     <div class="regBtnContainer">
         <div class="hack-button">
             <div id="slide"></div>
-            <a href="https://forms.gle/aVopwiwmRM35FXQT8" target="_blank">Register</a>
+            <a href="https://forms dile/aVopwiwmRM35FXQT8" target="_blank">Register</a>
         </div>
     </div>
 </div>
@@ -379,6 +379,7 @@ const coreteam: CoreTeam[] = [
         font-size: 3.5vh;
         padding: 0 5vw;
         text-align: left;
+        font-weight: 600;
     }
 
     .significance-points{
@@ -497,7 +498,7 @@ const coreteam: CoreTeam[] = [
 
     .faq-container p{
         font-size: 2.4vh;
-        padding: 0 7vw;
+        padding: 0 9vh;
     }
 
     .faq-container p span{
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 4a1bf24..34619c3 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -48,7 +48,7 @@ const routes : Routes[] = [
       position: fixed;
       right: 0%;
       display: none;
-      z-index: 1000;
+      z-index: 1001;
     }
     .off-screen-menu{
       background-color: orange;
@@ -61,7 +61,7 @@ const routes : Routes[] = [
       flex-direction: column;
       justify-content: center;
       font-size: 3rem;
-      z-index: 1000;
+      z-index: 1001;
     }
 
     .off-screen-menu a{
@@ -107,7 +107,7 @@ const routes : Routes[] = [
       position: absolute;
       top: 50%;
       left: 50%;
-      transition: .3s ease;
+      /* transition: .3s ease; */
       transform: translate(-50%, -50%);
     }
 
@@ -177,12 +177,12 @@ const routes : Routes[] = [
     }
     @media screen and (min-width: 628px) and (max-width: 768px){
       .off-screen-menu{
-        top: 15vh;
+        top: 17vh;
       }
     }
     @media screen and (min-width: 767px) and (max-width: 982px){
       nav{
-        padding: 1.3rem;
+        padding: 1rem;
       }
       .active{
         top: 20vh;
diff --git a/src/components/TopBar.astro b/src/components/TopBar.astro
index 760ce45..53e090d 100644
--- a/src/components/TopBar.astro
+++ b/src/components/TopBar.astro
@@ -70,7 +70,7 @@ const bannerImages : BannerImages[] = [
 ---
 
 <div class="banner-content">
-    <div id="top-logo-placeholder" class="container-sm">
+    <div id="top-logo-placeholder">
       <div class="d-flex justify-content-center">{
         bannerImages.map((image) => {
           return (
@@ -93,7 +93,7 @@ const bannerImages : BannerImages[] = [
     }
 
     .banner-content{
-      z-index: 1000;
+      z-index: 1001;
     }
     .banner-content div div{
       align-items: center;