Update index.html

index.html

@@ -42,6 +42,8 @@
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
+            width: 100%;
+            box-sizing: border-box;
         }
         
         .control-group {
@@ -51,6 +53,28 @@
             min-width: 200px;
             flex: 1 1 auto;
             max-width: 300px;
+            box-sizing: border-box;
+        }
+        
+        /* Mobile-specific adjustments */
+        @media (max-width: 767px) {
+            .controls {
+                flex-direction: column;
+                gap: 15px;
+                padding: 0;
+            }
+            
+            .control-group {
+                min-width: 0;
+                width: 100%;
+                max-width: 100%;
+                flex: none;
+            }
+            
+            .dimension-inputs {
+                max-width: 100%;
+                overflow: hidden;
+            }
         }
         
         .control-group label {