From f4adf9974270064c99018611f68e7341850dd9dd Mon Sep 17 00:00:00 2001
From: Siwoo Jung <142607954+siwoo-jung@users.noreply.github.com>
Date: Tue, 12 Dec 2023 11:12:57 +0900
Subject: [PATCH] [SKULL-16] Main page & Rules

---
 src/App.tsx                 | 11 +++++------
 src/components/MainPage.tsx |  8 ++++----
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index d674a02..0a72b5e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,12 +20,11 @@ function App() {
     // >
     //   <GridBoard />
     // </div>
-    <>
-      <Routes>
-        <Route path="/" element={<MainPage />} />
-        <Route path="/rules" element={<Rules />} />
-      </Routes>
-    </>
+
+    <Routes>
+      <Route path="/" element={<MainPage />} />
+      <Route path="/rules" element={<Rules />} />
+    </Routes>
   );
 }
 
diff --git a/src/components/MainPage.tsx b/src/components/MainPage.tsx
index 73c454a..6025b05 100644
--- a/src/components/MainPage.tsx
+++ b/src/components/MainPage.tsx
@@ -11,11 +11,11 @@ function MainPage() {
         <img src="src/images/logo2.png"></img>
       </div>
       <div className="btn-container">
-        <button className="btn" id="btn-play">
-          <Link to="/play" id="btn-play-link">
+        <Link to="/play" id="btn-play-link">
+          <button className="btn" id="btn-play">
             PLAY
-          </Link>
-        </button>
+          </button>
+        </Link>
         <Link to="/rules" id="btn-rules-link">
           <button className="btn" id="btn-rules">
             RULES