fix: Result View 페이지 중앙 정렬

dev-wooyeon · Dec 27, 2023 · dd58c66 · dd58c66
1 parent 772a24d
commit dd58c66
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/pages/ResultView.tsx b/src/pages/ResultView.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import "../App.css";
 import Button from '../components/Button/Button';
 
 function getMent(percent: number) {
@@ -39,7 +40,7 @@ const ResultView: React.FC<ResultViewProps> = ({
   const percent = (totalAnswer.length / quiz.length) * 100;
 
   return (
-    <>
+    <div className="App">
       <header className='App-header'>
         <h1>{totalAnswer.length}개 맞췄슴다-!</h1>
         <p>{getMent(percent)}</p>
@@ -49,8 +50,8 @@ const ResultView: React.FC<ResultViewProps> = ({
           다시하기
         </Button>
       </section>
-    </>
+    </div>
   );
 };
 
-export default ResultView;
+export default ResultView;