From 947e376c292ded8fe661489c04eaa09f75ff71a1 Mon Sep 17 00:00:00 2001
From: imnyang <me@imnya.ng>
Date: Sat, 20 Dec 2025 01:18:03 +0900
Subject: [PATCH] fix: add mobile responsiveness to TXT component

---
 src/app/page.tsx       | 2 +-
 src/components/txt.tsx | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 322ce83..c3aadf7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -42,7 +42,7 @@ export default function Page() {
           <a href="mailto:me@imnya.ng">me@imnya.ng</a>
         </h1>
       </div>
-      <div className="max-w-3xl w-full flex mx-auto mb-8">
+      <div className="max-w-3xl w-full flex mx-auto mb-8 px-8 lg:px-0">
         <Contact />
       </div>
       <section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">
diff --git a/src/components/txt.tsx b/src/components/txt.tsx
index 453ff4e..d244e17 100644
--- a/src/components/txt.tsx
+++ b/src/components/txt.tsx
@@ -1,10 +1,15 @@
 import Image from "next/image";
+import { useIsMobile } from "@/hooks/use-mobile";
 
 interface TXTProps {
     onHover?: (position: { x: number; y: number } | null) => void;
 }
 
 export default function TXT({ onHover }: TXTProps) {
+    const isMobile = useIsMobile();
+
+    if (isMobile) return null;
+
     return (
         <div 
             className="flex flex-col items-center justify-center gap-4 absolute top-4 left-4 p-2 cursor-pointer font-galmuri drag-none select-none"