plz work

iLikeGrape · Nov 15, 2024 · 641ed3b · 641ed3b
1 parent 6a9c3d1
commit 641ed3b
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -7,29 +7,28 @@
     <link rel="stylesheet" href="styles.css"
 </head>
 <body>
-    <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 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>
-        <div id="list">        
-            <ul>
-                <li><a href=spaceinvaders.html>Space Invaders</a></li>
-                <li><a href=index.html>Tic Tac Toe</a></li>
-        </div>
-        <script src="index.js"></script>
+        <h2 id="statusText"></h2>
+        <button id="restartBtn">Restart</button>
+    </div> 
+    <div id="list">    
+        <ul>
+            <li><a href=spaceinvaders.html>Space Invaders</a></li>
+            <li><a href=index.html>Tic Tac Toe</a></li>
+        </ul>
     </div>
+    <script src="index.js"></script>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -11,16 +11,14 @@
 #gameContainer{
     font-family: "Permanent Marker";
     text-align: center;
-    float: right;
+    margin: auto;
 }
 #cellContainer{
     display: grid;
     grid-template-columns: repeat(3, auto);
     width: 225px;
 }
-#container{
-    display:flex;
-}
-#list{
-    float: left;
+.list{
+    margin: auto;
+    text-align: center;
 }