From fedcad7695884189ff4e26e89a184a2b5aae1af0 Mon Sep 17 00:00:00 2001
From: Wanjohi <elviswanjohi47@gmail.com>
Date: Mon, 21 Jul 2025 21:44:40 +0300
Subject: [PATCH] fix(web): Fix responsiveness issues

---
 .../src/components/astro/HeroComponent.astro  | 27 -------------------
 packages/web/src/pages/index.astro            |  2 +-
 2 files changed, 1 insertion(+), 28 deletions(-)

diff --git a/packages/web/src/components/astro/HeroComponent.astro b/packages/web/src/components/astro/HeroComponent.astro
index 96884d9b..d381921b 100644
--- a/packages/web/src/components/astro/HeroComponent.astro
+++ b/packages/web/src/components/astro/HeroComponent.astro
@@ -12,30 +12,3 @@ import { Stack, Grid } from "../solidjs/index.ts";
     <Grid smGridColumns={8} mdGridColumns={10} lgGridColumns={12} />
   </div>
 </Stack>
-<style>
-  .grid_system {
-    --max-width: 1080px;
-    --min-width: 250px;
-    --guide-width: 1px;
-    --horizontal-margin: 2rem;
-    --grid-system-width: 100vw;
-    --guide-color: var(--color-gray-200);
-    --cross-color: var(--color-gray-600);
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    max-width: var(--max-width);
-    min-width: var(--min-width);
-    margin-top: var(--guide-width);
-    margin-left: var(--guide-width);
-  }
-  .grid_system::before {
-    position: absolute;
-    inset: 0;
-    left: calc(-1 * var(--guide-width));
-    top: calc(-1 * var(--guide-width));
-    content: "";
-    border: var(--guide-width) solid var(--guide-color);
-    pointer-events: none;
-  }
-</style>
diff --git a/packages/web/src/pages/index.astro b/packages/web/src/pages/index.astro
index d2d53cb4..9e21349f 100644
--- a/packages/web/src/pages/index.astro
+++ b/packages/web/src/pages/index.astro
@@ -4,7 +4,7 @@ import HeroComponent from "../components/astro/HeroComponent.astro";
 ---
 
 <Layout>
-  <main class="container py-20">
+  <main class="py-20">
     <HeroComponent />
   </main>
 </Layout>