idk, i give up why mobile isnt working

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; }

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>
   );
 }