Merge pull request #55 from jaewon8405/Basic-이재원-sprint3

baeggmin · web-flow · commit 307357756521 · 2025-06-10T22:32:50.000+09:00
[이재원] sprint3
diff --git a/index.html b/index.html
@@ -13,8 +13,32 @@
     />
     <link rel="stylesheet" href="styles/global.css" />
     <link rel="stylesheet" href="styles/home.css" />
-  </head>
+    <meta
+      property="og:image"
+      content="https://clinquant-dango-4ebd25.netlify.app/images/logo/panda-market-logo.png"
+    />
+    <meta
+      property="og:url"
+      content="https://clinquant-dango-4ebd25.netlify.app"
+    />
+    <meta property="og:title" content="판다마켓" />
+    <meta property="og:description" content="일상의 모든 물건을 거래해보세요" />
 
+    <meta name="twitter:card" content="summary" />
+    <meta
+      name="twitter:image"
+      content="https://clinquant-dango-4ebd25.netlify.app/images/logo/panda-market-logo.png"
+    />
+    <meta
+      name="twitter:url"
+      content="https://clinquant-dango-4ebd25.netlify.app"
+    />
+    <meta name="twitter:title" content="판다마켓" />
+    <meta
+      name="twitter:description"
+      content="일상의 모든 물건을 거래해보세요"
+    />
+  </head>
   <body>
     <header>
       <a href="/"
diff --git a/styles/global.css b/styles/global.css
@@ -102,3 +102,23 @@ h1 {
   border-radius: 999px;
   padding: 16px 124px;
 }
+
+/* Tablet 사이즈 */
+@media (max-width: 1199px) {
+  header {
+    padding: 0 24px;
+  }
+  footer {
+    gap: 16px;
+  }
+}
+
+/* Mobile 사이즈 */
+@media (max-width: 767px) {
+  header {
+    margin: 0 16px;
+  }
+  footer {
+    gap: 8px;
+  }
+}
diff --git a/styles/login-signup.css b/styles/login-signup.css
@@ -111,3 +111,23 @@
   color: #3692ff;
   text-decoration: underline;
 }
+
+/* Mobile 사이즈 */
+@media (max-width: 767px) {
+  .login-page,
+  .signup-page {
+    max-width: 400px;
+  }
+
+  .login-log,
+  .signup-logo {
+    width: 198px;
+    height: 66px;
+  }
+
+  .login-content,
+  .signup-content {
+    padding: 0 16px;
+    max-width: 400px;
+  }
+}
