CSS MUI

Author: BalajiSriraman

Diff for: README.md

@@ -1 +1,8 @@
-# score_keeper
+# score_keeper
+
+
+// on 28th Feb 2023
+
+@2005balaji fixed a CSS bug that makes the Game Title position fixed
+Reason :-- MUI overlap
+

Diff for: frontend/src/App.css

@@ -340,13 +340,12 @@ span{
   align-items: center;
 }
 
-.gametitle{
-  margin-top: 10%;
-  width: 40%;
-  height: 10%;
-  border: solid black;
-}
 
+#gametitle-re{
+  margin-top: 1rem;
+  width: 46%;
+  height: 2rem;
+}
 .main-part-up{
   margin-top: 2%;
   display: flex;

Diff for: frontend/src/components/NewGame.jsx

@@ -7,6 +7,8 @@ import { useNavigate } from 'react-router-dom';
 
 function NewGame() {
 
+    // Logic 
+
     const [count1, setCount1] = useState(0);
     const navigate = useNavigate();
 
@@ -34,8 +36,12 @@ function NewGame() {
     }
 
   return (
+
     <div className='newgame-page'>
-        <TextField className='gametitle' id="outlined-basic" label="This is the Game Title !!" variant="outlined" />
+
+        <>
+        <input id='gametitle-re' type="text" placeholder="This is the Game Title !!" />
+        </>
         <div className='main-part-up'>
             <div className='score-1'>{count1}</div>
             <div>