From c1379b0642f48d555c13e96d98a61384a9d90a1e Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Thu, 10 Sep 2026 15:03:34 +0800
Subject: [PATCH] fixed mobile responsiveness

---
 src/pages/index.astro | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2c82e6c..f403b94 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -163,7 +163,7 @@ const gridItems: GridItem[] = [
 							return (
 								<div
 									id="intro"
-									class="social-card col-span-2 h-5xl md:col-span-3 md:h-100 lg:col-span-4"
+									class="social-card col-span-2 h-[450px] md:col-span-3 md:h-100 lg:col-span-4"
 								>
 									<div class="social-card-content flex flex-col bg-cover bg-top md:flex-row md:justify-between md:gap-3">
 										<div class="mt-auto flex flex-col items-start justify-start gap-3 md:h-1/2 md:flex-row md:items-center md:gap-10">
@@ -357,6 +357,11 @@ const gridItems: GridItem[] = [
 		border-radius: 3rem;
 
 		position: relative;
+		z-index: 0;
+	}
+
+	#intro {
+		z-index: 1;
 	}
 
 	.social-card:not(#intro) {