No commit message

No commit message

src/Home.js

@@ -6,18 +6,17 @@ import bg from './background_ex1.jpg'
 function Home() {
     return (
         <>
-            <div style={{backgroundImage:'url(' + bg + ')', backgroundColor : "grey" ,backgroundSize: "100%"}}>
+            <div style={{backgroundImage:'url(' + bg + ')',backgroundSize: "100%"}}>
                 <div className="Main"></div>
 
-                <div className="Box">
-                    <div className="Name" style ={{color : "white", fontSize :'30px'}}>
-                        이름을 입력하세요   
-            <input style={{blockSize:'40px', marginLeft:'30px'}} onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
+                <div className="Box" style={{}}>
+                    <div className="Name" style ={{color : "black", fontSize :'30px'}}>
+                        이름을 입력하세요  
+            <input style={{blockSize:'30px', marginLeft:'30px'}} onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
                     </div>
-
-                    {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
+                       {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
                 </div>
-
+                
                 <div className='Box2'>
                     <Link to="/quiz">
                         <button className="QuizStart" onClick={checking}>Quiz Start !</button>
@@ -25,7 +24,6 @@ function Home() {
                 </div>
             </div>
         </>
-
     )
 }
 function checking(event) {

src/Quiz.css

@@ -7,7 +7,7 @@
     height: 180px;
     text-align: center;
     margin-left: 410px;
-    margin-top: 10px;
+    margin-top: 150px;
     font-size: 120px;
     font-family: cursive;
     color : greenyellow;
@@ -24,13 +24,13 @@
 .Box {
     text-align: center;
     margin: 0 auto;
-    margin-top: 75px;
+    margin-top: 30px;
 }
 
 .QuizStart {
     margin: 30px;
     margin-left: 650px;
-    margin-top: 150px;
+    margin-top: 30px;
     margin-bottom: 200px;
     width: 220px;
     height: 50px;