fix(mobile): eliminate horiz overflow causing zoom-out on phone - box-sizing global, remove min-width on table, reduce post-body padding

Author: TechStack Global

style.css

@@ -43,13 +43,25 @@
     box-sizing: border-box;
 }
 
+html {
+    overflow-x: hidden;
+    box-sizing: border-box;
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: inherit;
+}
+
 body {
     background-color: var(--bg-darker);
     color: var(--text-primary);
     font-family: var(--font-main);
     line-height: 1.6;
     overflow-x: hidden;
     position: relative;
+    max-width: 100vw;
 }
 
 /* Typography */
@@ -819,6 +831,8 @@ img {
     display: grid;
     grid-template-columns: 1fr 300px;
     gap: 3rem;
+    box-sizing: border-box;
+    width: 100%;
 }
 
 @media (max-width: 900px) {
@@ -837,10 +851,11 @@ img {
     .article-container {
         padding: 0 1rem;
         margin-top: 80px;
+        grid-template-columns: 1fr;
     }
 
     .post-body {
-        padding: 1.5rem 1rem;
+        padding: 1.25rem;
     }
 
     .post-title {
@@ -858,6 +873,10 @@ img {
     .comparison-table-wrapper {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
+        margin-left: -1.25rem;
+        margin-right: -1.25rem;
+        padding-left: 1.25rem;
+        padding-right: 1.25rem;
     }
 
     .footer-content {
@@ -878,6 +897,10 @@ img {
     border: 1px solid var(--border-glass);
     border-radius: var(--border-radius);
     padding: 3rem;
+    max-width: 100%;
+    overflow-x: hidden;
+    box-sizing: border-box;
+    word-break: break-word;
 }
 
 .post-meta {
@@ -1626,8 +1649,9 @@ img {
         line-height: 1.75;
     }
 
-    /* Comparison table min-width ensures horizontal scroll works */
+    /* Comparison table scrolls within its wrapper — no forced min-width */
     .comparison-table {
-        min-width: 480px;
+        width: max-content;
+        max-width: none;
     }
 }