moving side bar

iLikeGrape · Nov 15, 2024 · 8aa9a2c · 8aa9a2c
1 parent 71917ac
commit 8aa9a2c
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -7,25 +7,27 @@
     <link rel="stylesheet" href="styles.css"
 </head>
 <body>
-    <div id="gameContainer">
-        <h1>Tic Tac Toe</h1>
-        <div id="cellContainer">
-            <div cellIndex="0" class="cell"></div>
-            <div cellIndex="1" class="cell"></div>
-            <div cellIndex="2" class="cell"></div>
-            <div cellIndex="3" class="cell"></div>
-            <div cellIndex="4" class="cell"></div>
-            <div cellIndex="5" class="cell"></div>
-            <div cellIndex="6" class="cell"></div>
-            <div cellIndex="7" class="cell"></div>
-            <div cellIndex="8" class="cell"></div>
+    <div id="container">
+        <div id="gameContainer">
+            <h1>Tic Tac Toe</h1>
+            <div id="cellContainer">
+                <div cellIndex="0" class="cell"></div>
+                <div cellIndex="1" class="cell"></div>
+                <div cellIndex="2" class="cell"></div>
+                <div cellIndex="3" class="cell"></div>
+                <div cellIndex="4" class="cell"></div>
+                <div cellIndex="5" class="cell"></div>
+                <div cellIndex="6" class="cell"></div>
+                <div cellIndex="7" class="cell"></div>
+                <div cellIndex="8" class="cell"></div>
+            </div>
+            <h2 id="statusText"></h2>
+            <button id="restartBtn">Restart</button>
         </div>
-        <h2 id="statusText"></h2>
-        <button id="restartBtn">Restart</button>
+        <ul>
+            <li><a href=spaceinvaders.html>Space Invaders</a></li>
+            <li><a href=index.html>Tic Tac Toe</a></li>
+        <script src="index.js"></script>
     </div>
-    <ul>
-        <li><a href=spaceinvaders.html>Space Invaders</a></li>
-        <li><a href=index.html>Tic Tac Toe</a></li>
-    <script src="index.js"></script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -17,4 +17,7 @@
     grid-template-columns: repeat(3, auto);
     width: 225px;
     margin: auto;
+}
+.container{
+    display:flex;
 }