diff --git a/src/Home.js b/src/Home.js index b9bb440d97368917e7cce086210670d99e38dd17..5d20f9464be3e11e6f52a974819cdbc7ac8e6630 100644 --- a/src/Home.js +++ b/src/Home.js @@ -6,18 +6,17 @@ import bg from './background_ex1.jpg' function Home() { return ( <> -
+
-
-
- 이름을 입력하세요 - sessionStorage.setItem('name', event.target.value)} /> +
+
+ 이름을 입력하세요 + sessionStorage.setItem('name', event.target.value)} />
- - {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */} + {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
- +
@@ -25,7 +24,6 @@ function Home() {
- ) } function checking(event) { diff --git a/src/Quiz.css b/src/Quiz.css index 3db1cd92d53a6b5a9f309e96d09671cffa18bfef..cb5c6ab0d1fb364a68c56378493635f2fc30d630 100644 --- a/src/Quiz.css +++ b/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; diff --git a/src/background_ex1.jpg b/src/background_ex1.jpg index fb0fe3a75718aa6e3d4705143e63b8d57a4c554f..296838887b85ef9ff7845d6f4a6df49c3bf5e9c2 100644 Binary files a/src/background_ex1.jpg and b/src/background_ex1.jpg differ