From 1bab94f8f55457cb302708bb93ecf6596d0a7338 Mon Sep 17 00:00:00 2001
From: Desmond Zhu <hz1778@nyu.edu>
Date: Sun, 26 Nov 2023 13:45:34 -0500
Subject: [PATCH] fix: Resolve responsive layout issues on homepage (#11)

Adjusted CSS media queries and flexbox/grid properties to improve the responsiveness of the homepage layout. This includes fixing overlapping text and images on smaller screens, aligning sections properly across different devices, and ensuring interactive elements are accessible and visible on all screen sizes. Tested across various devices to ensure a seamless user experience.
---
 src/App.css         | 4 ----
 src/HeaderBar.css   | 2 +-
 src/HeroSection.css | 2 +-
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/App.css b/src/App.css
index bfef8e2..74b5e05 100644
--- a/src/App.css
+++ b/src/App.css
@@ -36,7 +36,3 @@
     transform: rotate(360deg);
   }
 }
-
-body {
-  overflow: hidden; /* Prevent scrolling */
-}
diff --git a/src/HeaderBar.css b/src/HeaderBar.css
index f086b77..d8292e1 100644
--- a/src/HeaderBar.css
+++ b/src/HeaderBar.css
@@ -5,7 +5,7 @@
     background-color: black;
     padding: 0.5rem 2rem;
     color: white;
-    height: 5vh;
+    height: 50px;
   }
   
   .brand-name {
diff --git a/src/HeroSection.css b/src/HeroSection.css
index 6fec238..ec79a1d 100644
--- a/src/HeroSection.css
+++ b/src/HeroSection.css
@@ -2,7 +2,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 95vh;
+    height: 100vh;
     background-color: black; /* Set the background to black */
     color: white;
     text-align: left;