From 5121229b93b83d90238e58340bbad381f1f84f77 Mon Sep 17 00:00:00 2001
From: gunshiz <spsshop1047@gmail.com>
Date: Mon, 22 Jun 2026 18:53:48 +0700
Subject: [PATCH] style: adjust card dimensions and responsiveness for mobile
 and desktop views

---
 app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index b52e67f..e78dd6c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -34,7 +34,7 @@ export default async function Home() {
       <video className="fixed top-0 left-0 w-full h-full -z-10 object-cover md:hidden" autoPlay muted loop playsInline>
         <source src="https://cdn.gunshiz.top/erika-mb.mp4"></source>
       </video>
-      <Card className="w-full max-w-md overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border" role="article">
+      <Card className="w-full max-w-sm overflow-hidden relative bg-transparent border-0 backdrop-blur-md md:backdrop-blur-none md:bg-card md:border md:max-w-lg" role="article">
         <CardHeader className="flex flex-col items-center gap-4 text-center">
           <div className="relative w-24 h-24 overflow-hidden rounded-full">
             <Image