feat: enhance responsive layout and typography by preventing horizontal overflow and adjusting element dimensions and font sizes.

Author: Bharath-code

docs/index.html

@@ -91,6 +91,10 @@
             -webkit-font-smoothing: antialiased;
         }
 
+        html {
+            overflow-x: hidden;
+        }
+
         code,
         pre {
             font-family: 'JetBrains Mono', monospace;
@@ -243,6 +247,8 @@
             position: relative;
             display: block;
             width: 100%;
+            font-size: 1rem;
+            line-height: 1.6;
         }
 
         .install-box:hover {
@@ -301,7 +307,9 @@
             box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.5);
             border: 1px solid var(--border);
             overflow: hidden;
+            overflow: hidden;
             max-width: 1000px;
+            width: 100%;
             margin: 0 auto;
         }
 
@@ -341,7 +349,9 @@
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
             gap: 1.5rem;
+            gap: 1.5rem;
             margin-bottom: 6rem;
+            max-width: 100%;
         }
 
         .card {
@@ -455,8 +465,8 @@
 
             .install-box {
                 padding: 1rem;
-                font-size: 0.85rem;
                 margin: 0 0.5rem;
+                font-size: 0.9rem;
             }
 
             .tab-btn {
@@ -538,7 +548,8 @@ <h1>Stop <span class="gradient-text">CD-ing.</span> <br> Start Coding.</h1>
                     style="color: var(--primary); font-weight: 600; letter-spacing: 0.05em; margin-bottom: 1rem; text-transform: uppercase; font-size: 0.9rem;">
                     Why Git-Scope?</p>
                 <h2 style="font-size: clamp(2rem, 4vw, 2.5rem); margin-bottom: 2rem; font-weight: 700;">Stop Manually
-                    <code style="font-size: 0.8em; color: var(--primary);">cd</code>-ing Everywhere</h2>
+                    <code style="font-size: 0.8em; color: var(--primary);">cd</code>-ing Everywhere
+                </h2>
                 <div
                     style="max-width: 700px; margin: 0 auto; color: var(--text-muted); font-size: 1.1rem; line-height: 1.6;">
                     <p>Do you have 50+ git repos scattered across `~/code`, `~/projects`, and `~/work`? Finding that one