have improved the css

Author: sanchit0496

tic-tac-toe/src/App.css

@@ -11,4 +11,11 @@
   margin: 2px; 
   padding: 25px;
   cursor: pointer;
+  height: 50px;
+}
+.board-value{
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }

tic-tac-toe/src/App.js

@@ -73,7 +73,9 @@ function App() {
     for (let i = 0; i < NUMBER_OF_BOXES; i++) {
       arr.push(
         <div onClick={() => handleClick(i)} className="box" key={i}>
-          {renderBoardValue(i)}
+          <div className="board-value">
+            {renderBoardValue(i)}
+          </div>
         </div>
       );
     }