From 971021ec3c30dad630d09b26d54b72721b177594 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 3 Jul 2026 09:18:22 +0000
Subject: [PATCH] Remove homepage side gutters on mobile

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VfnLCEWyr4yiYy7NZiha3A
---
 app/src/components/homepage/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/homepage/index.tsx b/app/src/components/homepage/index.tsx
index b50aeb86..18ea2fda 100644
--- a/app/src/components/homepage/index.tsx
+++ b/app/src/components/homepage/index.tsx
@@ -39,12 +39,12 @@ export function Homepage() {
         )}
       >
         <Background />
-        <div className="relative z-10 mx-auto w-full min-w-0 max-w-8xl px-4 font-mono">
+        <div className="relative z-10 mx-auto w-full min-w-0 max-w-8xl px-0 md:px-4 font-mono">
           <div
             className="absolute top-72 -right-72 bg-no-repeat size-[700px] bg-center bg-cover opacity-60 z-[-1]"
             style={{ backgroundImage: `url(${hexagon.src})` }}
           />
-          <div className="border-x">
+          <div className="md:border-x">
             <div
               className="absolute bottom-72 -left-72 bg-no-repeat size-[700px] bg-center bg-cover opacity-60 z-[-1]"
               style={{ backgroundImage: `url(${hexagon.src})` }}