*

1 files changed, 6 insertions, 5 deletions

diff --git a/html/simple-shape/index.html b/html/simple-shape/index.html
index 10319a6..a28d98e 100644
--- a/html/simple-shape/index.html
+++ b/html/simple-shape/index.html
@@ -328,7 +328,7 @@
             }
         };
 
-        // Modified drawGrid function to add margins and increase spacing
+        // Modified drawGrid function with reduced top margin
         const drawGrid = () => {
             ctx.clearRect(0, 0, canvas.width, canvas.height);
             
@@ -337,10 +337,11 @@
             
             const patternSize = 400;
             const numRows = 4;
-            const pageMargin = 300;
+            const topMargin = 100;     // Reduced from 300
+            const bottomMargin = 300;  // Keep original bottom margin
             
-            // Calculate available space after margins
-            const availableHeight = canvas.height - (pageMargin * 2);
+            // Calculate available space with asymmetric margins
+            const availableHeight = canvas.height - (topMargin + bottomMargin);
             
             // Calculate row spacing with increased gaps
             const totalPatternHeight = numRows * patternSize;
@@ -353,7 +354,7 @@
             
             // Draw each row
             for(let i = 0; i < numRows; i++) {
-                const y = pageMargin + i * (patternSize + rowGap);
+                const y = topMargin + i * (patternSize + rowGap);
                 drawPatternRow(xOffset, y, patternSize);
             }
         };