title : header 수정

body : nav를 div로 감싸고 widh를 부여해 여백 조절해보려 했으나 실패 및 header의 버튼과 p태그 사이 여백 확보
codeit-bootcamp-frontend · Apr 26, 2024 · 1832462 · 1832462
1 parent 683b3f9
commit 1832462
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/cssfile.css b/cssfile.css
@@ -50,6 +50,11 @@ a{
   margin-left: 360px;
   display: flex;
   margin-top: 70px;
+  gap: 32px;
+}
+
+.header-size{
+  width: 1920px;
 }
 
 .header-title-text > p{
@@ -59,6 +64,7 @@ a{
   line-height: 56px;
   width: 700px;
   color: var(--header-title-text-color);
+  margin: 0 0 32px;
 }
 .header-title-text > .button{
   border-radius: 40px;
@@ -70,7 +76,7 @@ a{
 
 nav{
   margin: 0 200px;
-  width: 1520px;
+  width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;

diff --git a/mainpage.html b/mainpage.html
@@ -8,10 +8,12 @@
 </head>
 <body>
   <header>
-    <nav>
-      <a href="/"><img src="images/logo/panda-market-logo.png"></a>
-      <a class="button" href="login.html">로그인</a>
-    </nav>
+    <div class="header-size">
+      <nav>
+        <a href="/"><img src="images/logo/panda-market-logo.png"></a>
+        <a class="button" href="login.html">로그인</a>
+      </nav>
+    </div>
     <div class="first-layer">
       <div class="first-layer-container">
         <div class="header-title">