From ff8c81a3765793d6d0189f3df240ca1086e5f01e Mon Sep 17 00:00:00 2001
From: reenact11 <jaehyeon11@naver.com>
Date: Tue, 7 May 2024 00:46:47 +0900
Subject: [PATCH 1/3] feat: add fonts.css and reset.css

---
 fonts.css | 6 ++++++
 reset.css | 8 ++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 fonts.css
 create mode 100644 reset.css

diff --git a/fonts.css b/fonts.css
new file mode 100644
index 00000000..e27a77c9
--- /dev/null
+++ b/fonts.css
@@ -0,0 +1,6 @@
+@font-face {
+    font-family: 'Pretendard-Regular';
+    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
\ No newline at end of file
diff --git a/reset.css b/reset.css
new file mode 100644
index 00000000..239a5316
--- /dev/null
+++ b/reset.css
@@ -0,0 +1,8 @@
+* {
+    box-sizing: border-box;
+    margin: 0;
+}
+
+a {
+    text-decoration: none;
+}
\ No newline at end of file

From 37361a0d35389a584432030e72a59b3f06cccde9 Mon Sep 17 00:00:00 2001
From: reenact11 <jaehyeon11@naver.com>
Date: Tue, 7 May 2024 01:03:52 +0900
Subject: [PATCH 2/3] refactor: edit style.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fonts.css와 reset.css로 코드 분리, 불필요한 속성값 제거(font-weight, display:flex),
0px 표기 0으로 수정, .footer__policy 하위 a태그에 .policy__links 클래스 추가 및 기존 코드 삭제
---
 style.css | 40 ++++++----------------------------------
 1 file changed, 6 insertions(+), 34 deletions(-)

diff --git a/style.css b/style.css
index b4308ae2..92812d44 100644
--- a/style.css
+++ b/style.css
@@ -1,19 +1,3 @@
-@font-face {
-    font-family: 'Pretendard-Regular';
-    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
-}
-
-* {
-    box-sizing: border-box;
-    margin: 0;
-}
-
-a {
-    text-decoration: none;
-}
-
 em {
     width: 72px;
     height: 25px;
@@ -62,11 +46,10 @@ body {
 
 .top-banner {
     position: absolute;
-    display: flex;
     min-width: 1920px;
     height: 540px;
-    left: 0px;
-    right: 0px;
+    left: 0;
+    right: 0;
     top: 70px;
     background-color: #cfe5ff;
     padding: 0 360px;
@@ -85,10 +68,8 @@ body {
 }
 
 .top-banner__title {
-    font-weight: 700;
     font-size: 40px;
     line-height: 140%;
-    padding-right: 60px;
     color: #374151;
 }
 
@@ -115,8 +96,6 @@ body {
 
 .content {
     position: absolute;
-    display: flex;
-    flex-direction: column;
     width: 1920px;
     top: 610px;
     background-color: #fff;
@@ -156,19 +135,15 @@ body {
 }
 
 .feature__title {
-    font-weight: 700;
     font-size: 40px;
     line-height: 140%;
-    display: flex;
     letter-spacing: 0.02em;
     color: #374151;
 }
 
 .feature__content {
-    font-weight: 500;
     font-size: 24px;
     line-height: 120%;
-    display: flex;
     letter-spacing: 0.08em;
     color: #374151;
 }
@@ -178,8 +153,8 @@ body {
     min-width: 1920px;
     height: 540px;
     top: 2908px;
-    left: 0px;
-    right: 0px;
+    left: 0;
+    right: 0;
     bottom: 70px;
     background-color: #cfe5ff;
     padding: 0 360px;
@@ -187,11 +162,8 @@ body {
 
 .bottom-banner__title {
     position: absolute;
-    font-weight: 700;
     font-size: 40px;
     line-height: 140%;
-    width: 286px;
-    height: 112px;
     color: #374151;
     top: 214px;
     left: 360px;
@@ -201,7 +173,7 @@ body {
     position: absolute;
     width: 996px;
     height: 540px;
-    top: 0px;
+    top: 0;
     left: 701px;
 }
 
@@ -229,7 +201,7 @@ body {
     gap: 30px;
 }
 
-.footer__policy a {
+.policy__links {
     color: #e5e7eb;
 }
 

From 3c8b10d13ae74be9c375ab3705c683d7e164d364 Mon Sep 17 00:00:00 2001
From: reenact11 <jaehyeon11@naver.com>
Date: Tue, 7 May 2024 01:08:23 +0900
Subject: [PATCH 3/3] feat: edit index.html
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

link태그에 reset.css와 fonts.css 추가, 기존 개행에 사용했던 패딩값을 삭제함에 따라 br태그 추가,
footer__policy 하위 a 태그에 policy__links 클래스 추가, footer__social 로고 이미지 누락된 height값 추가
---
 index.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index f95552e7..7e57f217 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>판다마켓</title>
+    <link rel="stylesheet" href="reset.css">
+    <link rel="stylesheet" href="fonts.css">
     <link rel="stylesheet" href="style.css">
 </head>
 
@@ -20,10 +22,10 @@ <h1>
     <main>
         <section class="top-banner">
             <div class="top-banner__wrapper">
-                <h2 class="top-banner__title">일상의 모든 물건을 거래해 보세요</h1>
+                <h2 class="top-banner__title">일상의 모든 물건을<br>거래해 보세요</h1>
                     <a href="/items" class="top-banner__items-btn">구경하러 가기</a>
             </div>
-            <img src="img/home/hero-image.png" class="top-banner__image" width="996" height="447">
+            <img src="img/home/hero-image.png" class="top-banner__image" alt="" width="996" height="447">
         </section>
         <section class="content">
             <div class="content__wrapper">
@@ -31,7 +33,7 @@ <h2 class="top-banner__title">일상의 모든 물건을 거래해 보세요</h1
                 <div class="feature">
                     <em>Hot item</em>
                     <div class="feature__wrapper">
-                        <h2 class="feature__title">인기 상품을 확인해 보세요</h2>
+                        <h2 class="feature__title">인기 상품을<br>확인해 보세요</h2>
                         <p class="feature__content">가장 HOT한 중고거래 물품을
                             판다 마켓에서 확인해 보세요</p>
                     </div>
@@ -41,7 +43,7 @@ <h2 class="feature__title">인기 상품을 확인해 보세요</h2>
                 <div class="feature">
                     <em>Search</em>
                     <div class="feature__wrapper">
-                        <h2 class="feature__title">구매를 원하는 상품을 검색하세요</h2>
+                        <h2 class="feature__title">구매를 원하는<br>상품을 검색하세요</h2>
                         <p class="feature__content">구매하고 싶은 물품은 검색해서 쉽게 찾아보세요</p>
                     </div>
                 </div>
@@ -52,14 +54,14 @@ <h2 class="feature__title">구매를 원하는 상품을 검색하세요</h2>
                 <div class="feature">
                     <em>Register</em>
                     <div class="feature__wrapper">
-                        <h2 class="feature__title">판매를 원하는 상품을 등록하세요</h2>
+                        <h2 class="feature__title">판매를 원하는<br>상품을 등록하세요</h2>
                         <p class="feature__content">어떤 물건이든 판매하고 싶은 상품을 쉽게 등록하세요</p>
                     </div>
                 </div>
             </div>
         </section>
         <section class="bottom-banner">
-            <h2 class="bottom-banner__title">믿을 수 있는 판다마켓 중고거래</h2>
+            <h2 class="bottom-banner__title">믿을 수 있는<br>판다마켓 중고거래</h2>
             <img src="img/home/bottom-banner-image.png" class="bottom-banner__image" width="996" height="540">
         </section>
     </main>
@@ -67,21 +69,21 @@ <h2 class="bottom-banner__title">믿을 수 있는 판다마켓 중고거래</h2
         <div class="footer__link">
             <div class="footer__copyright">©codeit - 2024</div>
             <div class="footer__policy">
-                <a href="/privacy">Privacy Policy</a>
-                <a href="/faq">FAQ</a>
+                <a href="/privacy" class="policy__links">Privacy Policy</a>
+                <a href="/faq" class="policy__links">FAQ</a>
             </div>
             <div class="footer__social">
                 <a href="https://www.facebook.com" target="_blank">
-                    <img src="img/social/facebook-logo.svg" class="social__logo" alt="페이스북" width="20">
+                    <img src="img/social/facebook-logo.svg" class="social__logo" alt="페이스북" width="20" height="20">
                 </a>
                 <a href="https://www.twitter.com" target="_blank">
-                    <img src="img/social/twitter-logo.svg" class="social__logo" alt="트위터" width="20">
+                    <img src="img/social/twitter-logo.svg" class="social__logo" alt="트위터" width="20" height="20">
                 </a>
                 <a href="https://www.youtube.com" target="_blank">
-                    <img src="img/social/youtube-logo.svg" class="social__logo" alt="유튜브" width="20">
+                    <img src="img/social/youtube-logo.svg" class="social__logo" alt="유튜브" width="20" height="20">
                 </a>
                 <a href="https://www.instagram.com" target="_blank">
-                    <img src="img/social/instagram-logo.svg" class="social__logo" alt="인스타그램" width="20">
+                    <img src="img/social/instagram-logo.svg" class="social__logo" alt="인스타그램" width="20" height="20">
                 </a>
             </div>
         </div>