No commit message

No commit message

src/Home.js

-import bg from './img_study.jpg'
 import React, { useState } from 'react'
 import { Redirect } from 'react-router-dom';
 import './Home.css'
+import bg from './img_study.jpg'
 
 
 function Home() {

src/Quiz.css

@@ -19,6 +19,33 @@
 
 }
 
+.Quiz-Main {
+    font-size: '80px';
+    margin-bottom: '100px'; 
+    text-align: "center"; 
+    background-color: 'yellow';
+}
+
+.Quiz-figth {
+        position: "absolute"; 
+        left: "1050px"; 
+        top: '200px';
+}
+
+.Quiz-logo {
+    margin-left: "450px";
+}
+
+.Quiz-answer {
+    font-size: "75px";
+    margin-left: "30px";
+}
+
+.answer {
+    margin-left: "475px"; 
+    width: "25px";
+    height: "25px";
+}
 /* .Name {} */
 
 .Box {

src/Quiz.js

@@ -36,17 +36,17 @@ function Quiz() {
     }
     return (
         <>
-            <div style={{ fontSize: '80px', marginBottom: '100px', textAlign: "center", backgroundColor: 'yellow' }}>미적분학 퀴즈</div>
-            <img src={fight} style={{ position: "absolute", left: "1050px", top: '200px' }} alt="lion" />
+            <div className="Quiz-Main">미적분학 퀴즈</div>
+            <img src={fight} className="Quiz-fitgh" alt="lion" />
             <div className="Quiz" >
-                <h1><img src={logo} style={{ marginLeft: "450px" }} width='75' height='75' alt='question' /> <span style={{ fontSize: "75px", marginLeft: "30px" }}>{question.Q}</span></h1>
+                <h1><img src={logo} className="Quiz-logo" width='75' height='75' alt='question' /> <span className="Quiz-answer">{question.Q}</span></h1>
                 {/* <div style={{ marginTop: "30px", marginBottom: "30px", marginLeft:'450px', fontSize:'40px' }}>정답을 선택하세요</div> */}
 
                 <div>
                     <form>
                         {question.Choose.map((a, index) =>
                             <div key={index}>
-                                <input type="radio" name='answer' id={index} value={a} onClick={handleChange} style={{ marginLeft: "475px", width: "25px", height: "25px" }}  />
+                                <input type="radio" className='answer' id={index} value={a} onClick={handleChange}/>
                                 <label htmlFor={a} style={{ fontSize: "40px", marginLeft: "22px" }}>{a}</label>
                             </div>
                         )}