Fix Main.css, Header.css

frontend/src/css/Header.css

@@ -7,6 +7,7 @@
     width: 100%;
     /* height: 70px; */
     border-bottom: 1px solid;
+    padding-top: auto;
     /* overflow: auto */
 }
 

frontend/src/css/Main.css

@@ -5,19 +5,20 @@
     font-style: normal;
 }
 
-.introduction {
+.intro {
+    /* position: fixed; */
     font-size: 30px;
     background-image: url("../introduction.png");
-    width: 50%;
-    height: 50%;
-    display: flex;
+    width: 700px;
+    height: 180px;
+    /* display: flex; */
     justify-content: center;
     align-items: center;
     padding: 50px;
-    flex-wrap: wrap;
+    /* flex-wrap: wrap; */
     
 }
-.introduction p{
+.intro p{
     color: white;
     font-family: "JalnanGothic";
 }

frontend/src/pages/Main.js

@@ -50,7 +50,7 @@ function Main() {
   return(
     <div className="App">
         <h1>식도락에 오신 것을 환영합니다. </h1>
-        <div className="introduction">
+        <div className="intro">
         <p>식당 리뷰를 손쉽게 모아볼 수 있는 서비스</p>
         </div>
         <div style={{display: 'flex'}}>