now?

src/yes.module.css

@@ -1,12 +1,23 @@
+/* Make sure container never exceeds viewport */
 .container {
-  max-width: 100%;
-  padding: 0 1rem;
+  max-width: 100vw;        /* use viewport width */
+  width: 100%;
+  padding: 1rem;           /* optional horizontal padding */
   box-sizing: border-box;
-  overflow-x: hidden;
+  overflow-x: hidden;      /* prevent horizontal scroll */
   text-align: center;
 }
 
+/* Reset headings to prevent default margin issues */
 h1, h2, h3 {
+  margin: 0.5rem 0;        /* smaller vertical spacing */
   word-wrap: break-word;
   overflow-wrap: break-word;
 }
+
+/* Optional mobile font adjustments */
+@media (max-width: 480px) {
+  h1 { font-size: 1.5rem; }
+  h2 { font-size: 1.2rem; }
+  h3 { font-size: 1rem; }
+}