From 572207869999c8efc075c171fcab10fa291f96be Mon Sep 17 00:00:00 2001
From: Li Xin <lixin.henry@bytedance.com>
Date: Wed, 30 Apr 2025 21:09:33 +0800
Subject: [PATCH] feat: adjust the width of Jumbotron

---
 web/src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 9950124..6d14205 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -104,7 +104,7 @@ function SectionHeader({
 
 function Jumbotron() {
   return (
-    <section className="relative flex h-[95vh] flex-col items-center justify-center pb-15">
+    <section className="relative flex h-[95vh] w-full flex-col items-center justify-center pb-15">
       <FlickeringGrid
         id="deer-hero-bg"
         className={`absolute inset-0 z-0 [mask-image:radial-gradient(800px_circle_at_center,white,transparent)]`}
@@ -116,7 +116,7 @@ function Jumbotron() {
       />
       <FlickeringGrid
         id="deer-hero"
-        className={`absolute inset-0 z-0 mask-[url(/images/deer-hero.svg)] mask-size-[75%] mask-center mask-no-repeat`}
+        className={`absolute inset-0 z-0 mask-[url(/images/deer-hero.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]`}
         squareSize={3}
         gridGap={6}
         color="#60A5FA"