From e9a7dc82fc2f7c4b5fad9e32737c8ce38f960486 Mon Sep 17 00:00:00 2001 From: LEE <dlwodyd7613@ajou.ac.kr> Date: Wed, 6 Dec 2023 21:14:15 +0900 Subject: [PATCH] Fix Main.css, Header.css --- frontend/src/css/Header.css | 1 + frontend/src/css/Main.css | 13 +++++++------ frontend/src/pages/Main.js | 2 +- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/frontend/src/css/Header.css b/frontend/src/css/Header.css index 701c6bcf..ac75e5d8 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 d59e4c77..1f8945d1 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 f70c62a0..f5adf1cb 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'}}> -- GitLab