From 9a8ad46f8021e1202d91d99aa82eb5acb99d6849 Mon Sep 17 00:00:00 2001
From: Gaeon Kim <rkdjs1104@ajou.ac.kr>
Date: Fri, 24 Nov 2023 13:16:45 +0900
Subject: [PATCH] feat: create Header.module.css
---
Header.module.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 63 insertions(+)
create mode 100644 Header.module.css
diff --git a/Header.module.css b/Header.module.css
new file mode 100644
index 0000000..e6ea4fb
--- /dev/null
+++ b/Header.module.css
@@ -0,0 +1,63 @@
+@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
+header {
+ background-color: white;
+ color: black;
+ padding: 1em;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 2px solid #ddd;
+ font-weight: bold;
+ position: sticky;
+ top: 0;
+
+}
+
+.header_logo img {
+ height: 80px; /* 이미지 높이 조절 */
+ margin-left: 20px;
+ margin-right:35px;
+}
+.header_nav {
+ margin-top: 3px;
+ display: flex; /* 로고와 네비게이션을 한 행에 배치하기 위해 추가 */
+
+}
+
+.header_nav ul {
+ list-style: none;
+ display: flex;
+}
+.header_content {
+ display: flex;
+ align-items: center;
+ width: 100%;
+}
+.header_nav li :first-child{
+ margin-left: 18px;
+}
+
+.header_nav li {
+ font-size: 18px;
+ margin-top: 10px;
+
+}
+.header_nav li:not(:last-child) {
+ margin-right: 130px;
+
+}
+
+.header_nav a {
+ text-decoration: none;
+ color: black;
+
+}
+
+.header_nav li:last-child a img {
+ height: 30px;
+ width: auto;
+ margin-top: 0px;
+ margin-right: 28px;
+ margin-left: 0px;
+}
+
--
GitLab