From a731f49b879547ff91ba2dbe5b436fcf693b3ed9 Mon Sep 17 00:00:00 2001
From: Chewbaccalakis <nick@trochalakis.com>
Date: Thu, 29 Jan 2026 06:20:51 -0800
Subject: [PATCH] idk, i give up why mobile isnt working

---
 src/yes.module.css | 16 ++++++++--------
 src/yes.tsx        |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/yes.module.css b/src/yes.module.css
index a85006c..3323c77 100644
--- a/src/yes.module.css
+++ b/src/yes.module.css
@@ -1,21 +1,21 @@
-/* Make sure container never exceeds viewport */
 .container {
-  max-width: 100vw;        /* use viewport width */
   width: 100%;
-  padding: 1rem;           /* optional horizontal padding */
+  max-width: 100%;
+  padding: 1rem;
   box-sizing: border-box;
-  overflow-x: hidden;      /* prevent horizontal scroll */
   text-align: center;
+  overflow-x: hidden; /* prevents accidental scroll, but doesn't truncate text */
 }
 
-/* Reset headings to prevent default margin issues */
+/* Headings */
 h1, h2, h3 {
-  margin: 0.5rem 0;        /* smaller vertical spacing */
-  word-wrap: break-word;
+  margin: 0.5rem 0;
+  white-space: normal;        /* allow normal wrapping if needed */
+  word-wrap: break-word;      /* break only at words, not in middle */
   overflow-wrap: break-word;
 }
 
-/* Optional mobile font adjustments */
+/* Mobile tweaks */
 @media (max-width: 480px) {
   h1 { font-size: 1.5rem; }
   h2 { font-size: 1.2rem; }
diff --git a/src/yes.tsx b/src/yes.tsx
index 3165679..2e14737 100644
--- a/src/yes.tsx
+++ b/src/yes.tsx
@@ -5,9 +5,9 @@ export default function YesPage() {
     <div className={styles.container}>
       <h1>Congratulations!!!</h1>
       <h2>You're now my valentine 💖🥳</h2>
-      <h2>No takebacks allowed, you're stuck with me 🎉</h2>
+      <h3>No takebacks allowed, you're stuck with me 🎉</h3>
       <p></p>
-      <h3>P.S. Great job using the freewill the website gave you to make this right choice</h3>
+      <p>P.S. Great job using the freewill the website gave you to make thisu right choice</p>
     </div>
   );
 }