diff --git a/frontend/src/css/Header.css b/frontend/src/css/Header.css index 701c6bcf85d4899aba2487738286c7da5725e35d..ac75e5d8925aeb92200b55d5445bef0420a00c92 100644 --- a/frontend/src/css/Header.css +++ b/frontend/src/css/Header.css @@ -7,6 +7,7 @@ width: 100%; /* height: 70px; */ border-bottom: 1px solid; + padding-top: auto; /* overflow: auto */ } diff --git a/frontend/src/css/Main.css b/frontend/src/css/Main.css index d59e4c774dd88bc0b34176adb5e1cce563a5d02c..1f8945d156da8c578c0a7bf0db731d27fc16e9be 100644 --- a/frontend/src/css/Main.css +++ b/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"; } diff --git a/frontend/src/pages/Main.js b/frontend/src/pages/Main.js index f70c62a00bce9d5b5222bcb6cb0d0da93f27e8fb..f5adf1cbd0d01070fb75dacd43b5bb5912f0d74f 100644 --- a/frontend/src/pages/Main.js +++ b/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'}}>