diff --git a/css/main.css b/css/main.css
index f6fede6..9356685 100644
--- a/css/main.css
+++ b/css/main.css
@@ -92,27 +92,26 @@ body {
 .game-container {
     flex: 1;
     display: grid;
-    grid-template-columns: minmax(200px, 250px) minmax(600px, 3fr) minmax(200px, 250px);
+    grid-template-columns: 250px 600px 250px;
     gap: 2rem;
     padding: 2rem;
     max-width: 1600px;
     margin: 0 auto;
+    justify-content: center;
 }
 
 .board-section {
     display: flex;
     align-items: center;
     justify-content: center;
-    min-width: 600px;
-    width: 100%;
+    width: 600px;
 }
 
 .game-sidebar {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
-    width: 100%;
-    max-width: 250px;
+    width: 250px;
 }
 
 .captured-pieces {
@@ -120,8 +119,7 @@ body {
     padding: 1rem;
     border-radius: 8px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    width: 100%;
-    max-width: 250px;
+    width: 250px;
 }
 
 .captured-pieces h3 {
@@ -136,7 +134,7 @@ body {
     flex-wrap: wrap;
     gap: 0.5rem;
     min-height: 60px;
-    max-width: 100%;
+    width: 100%;
     overflow: hidden;
 }
 
@@ -146,8 +144,7 @@ body {
     border-radius: 8px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
     flex: 1;
-    width: 100%;
-    max-width: 250px;
+    width: 250px;
 }
 
 .move-history {
@@ -156,7 +153,7 @@ body {
     overflow-x: hidden;
     font-family: 'Courier New', monospace;
     font-size: 0.9rem;
-    width: 100%;
+    width: 218px;
 }
 
 .game-controls {