Refactor: css 수정,이미지 수정, 오픈그래프 링크 수정

codeit-bootcamp-frontend · Jun 5, 2024 · 687302b · 687302b
1 parent 8688826
commit 687302b
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 19 deletions.
diff --git a/assets/css/response.css b/assets/css/response.css
@@ -91,6 +91,11 @@
   .copyright {
     padding: 0 6.5rem;
   }
+
+  /* 로그인 회원가입 페이지 */
+  #register-header {
+    margin-top: 3rem;
+  }
 }
 
 @media (max-width: 768px) {
@@ -176,21 +181,17 @@
   }
   .copyright {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
     grid-template-rows: repeat(2, 1fr);
     padding: 0 2rem;
-    gap: 3.75rem;
+    gap: 3.75rem 0;
   }
   .copyright > p {
     grid-row: 2;
-    grid-column: 1 / span2;
   }
-  .copyright > div:nth-child(2) {
-    grid-column: 1 / span2;
+  .copyright > .policy {
     grid-row: 1;
   }
-  .copyright > div:last-child {
-    grid-column: 3 / span1;
+  .copyright > .sns-list {
     grid-row: 1;
   }
   .footer {
@@ -202,4 +203,11 @@
     max-width: 27rem;
     padding: 0 1rem;
   }
+  #register-header {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+  .register-logo {
+    max-width: 262px;
+  }
 }
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -203,16 +203,6 @@ main {
   gap: 12px;
 }
 
-.facebook-icon,
-.twitter-icon,
-.youtube-icon,
-.instagram-icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-  background-size: 286px 64px;
-}
-
 .facebook-icon {
   background: url(../images/icon.png) no-repeat -50px -10px;
 }
@@ -225,3 +215,13 @@ main {
 .instagram-icon {
   background: url(../images/icon.png) no-repeat -90px -10px;
 }
+
+.facebook-icon,
+.twitter-icon,
+.youtube-icon,
+.instagram-icon {
+  display: block;
+  width: 20px;
+  height: 20px;
+  background-size: 286px 64px;
+}
diff --git a/assets/images/og_image.jpg b/assets/images/og_image.jpg
diff --git a/assets/images/search_item@2x.png → assets/images/search_item@2.png b/assets/images/search_item@2x.png → assets/images/search_item@2.png
diff --git a/index.html b/index.html
@@ -7,7 +7,10 @@
 
     <meta property="og:title" content="판다마켓" />
     <meta property="og:url" content="https://sprint-fe8-kjh.netlify.app/" />
-    <meta property="og:image" content="./assets/images/og_image.jpg" />
+    <meta
+      property="og:image"
+      content="https://sprint-fe8-kjh.netlify.app/assets/images/og_image.jpg"
+    />
     <meta property="og:description" content="일상의 모든 물건을 거래해보세요" />
 
     <link rel="stylesheet" href="./assets/css/reset.css" />
@@ -155,7 +158,7 @@ <h2 class="title">
             </li>
           </ul>
         </div>
-        <div>
+        <div class="sns-list">
           <ul class="sns">
             <li>
               <a