Commit 1e107914 authored by 김민수's avatar 김민수
Browse files

No commit message

No commit message
parent deec65de
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() {
......
......@@ -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 {
......
......@@ -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>
)}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment