[basic-박영서] sprint 2: 피드백 반영

css/home.css

@@ -116,7 +116,7 @@ main .contents.bottom article {
   padding: 0 0 60px 0;
 }
 
-.no-box {
+.no_box {
   width: 100%;
   height: 138px;
   background: #fcfcfc;
@@ -134,7 +134,7 @@ footer {
 }
 
 footer p,
-footer .footer-center li {
+footer .center li {
   color: var(--Secondary-400);
   text-align: center;
   font-family: Pretendard;
@@ -143,24 +143,24 @@ footer .footer-center li {
   font-weight: 400;
   line-height: normal;
 }
-footer ul.footer-center {
+footer ul.center {
   display: flex;
   gap: 30px;
 }
 
-footer ul.footer-center li a {
+footer ul.center li a {
   color: var(--Secondary-200);
 }
 
-footer ul.footer-icons {
+footer ul.icons {
   display: flex;
   gap: 12px;
   flex-shrink: 0;
   height: 20px;
   align-items: flex-end;
 }
 
-footer ul.footer-icons li a {
+footer ul.icons li a {
   width: 20px;
   height: 20px;
   display: inline-block;
@@ -169,19 +169,19 @@ footer ul.footer-icons li a {
   background-position: 50% 50%;
   font-size: 0;
 }
-li.icon-facebook a {
+li.icon_facebook a {
   background: url(/img/sns/facebook.svg);
 }
 
-li.icon-twitter a {
+li.icon_twitter a {
   background: url(/img/sns/ic_twitter.svg);
 }
 
-li.icon-youtube a {
+li.icon_youtube a {
   background: url(/img/sns/youtube.svg);
 }
 
-li.icon-instargram a {
+li.icon_instargram a {
   background: url(/img/sns/ic_instagram.svg);
 }
 

index.html

@@ -9,10 +9,15 @@
     <link rel="stylesheet" href="/css/header.css" />
     <link rel="stylesheet" href="/css/home.css" />
     <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-4R9RSCZYPS"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-4R9RSCZYPS"
+    ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
+      function gtag() {
+        dataLayer.push(arguments);
+      }
       gtag('js', new Date());
 
       gtag('config', 'G-4R9RSCZYPS');
@@ -23,7 +28,7 @@
       <header>
         <a href="/">
           <img src="/img/logo/logo.svg" alt="판다마켓_로고" />
-        </a><!--로고_판다마켓 --></a>
+        </a>
         <a href="/login.html" class="login">로그인</a>
       </header>
       <main>
@@ -38,9 +43,9 @@ <h1>
           </article>
           <img src="/img/home/Img_home_top.png" alt="메인_이미지" />
         </section>
-        <section class="home hotItem">
+        <section class="home">
           <article>
-            <img src="/img/home/Img_home_01.png" alt="hotItem" />
+            <img src="/img/home/Img_home_01.png" alt="인기상품" />
             <div class="capter">
               <h4>Hot item</h4>
               <h2>
@@ -79,7 +84,11 @@ <h2>
             <img src="/img/home/Img_home_03.png" alt="register" />
             <div class="capter">
               <h4>Register</h4>
-              <h2>판매를 원하는 <br/> 상품을 등록하세요</h2>
+              <h2>
+                판매를 원하는
+                <br />
+                상품을 등록하세요
+              </h2>
               <p>
                 어떤 물건이든 판매하고 싶은 상품을
                 <br />
@@ -88,7 +97,7 @@ <h2>판매를 원하는 <br/> 상품을 등록하세요</h2>
             </div>
           </article>
         </section>
-        <div class="no-box"><!-- 빈 공간 --></div>
+        <div class="no_box"><!-- 빈 공간 --></div>
         <section class="contents bottom">
           <article>
             <h1>
@@ -102,29 +111,29 @@ <h1>
       </main>
       <footer>
         <p>©codeit - 2024</p>
-        <ul class="footer-center">
+        <ul class="center">
           <li><a href="/privacy.html">Privacy Policy</a></li>
           <li><a href="/faq.html">FAQ</a></li>
         </ul>
 
-        <ul class="footer-icons">
-          <li class="icon-facebook">
+        <ul class="icons">
+          <li class="icon_facebook">
             <a href="https://www.facebook.com/?locale=ko_KR" target="_blank">
               페이스북
             </a>
           </li>
-          <li class="icon-twitter">
+          <li class="icon_twitter">
             <a href="https://x.com/?lang=ko" target="_blank">트위터</a>
           </li>
-          <li class="icon-youtube">
+          <li class="icon_youtube">
             <a
               href="https://www.youtube.com/?hl=ko&gl=KR&app=desktop"
               target="_blank"
             >
               유튜브
             </a>
           </li>
-          <li class="icon-instargram">
+          <li class="icon_instargram">
             <a href="https://www.instagram.com/" target="_blank">인스타그램</a>
           </li>
         </ul>

items.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />