fix:위치 조정 중

Author: mangoooooo1

static/css/login.css

@@ -134,6 +134,7 @@
     border-radius: 30px;
     cursor: pointer;
     transition: all 0.6s ease-in-out;
+    margin-bottom: 10px;
 }
 
 .login-btn:hover {
@@ -153,7 +154,7 @@
     display: flex;
     justify-content: center;
     gap: 20px;
-    margin-top: 20px;
+    margin-top: 25px;
 }
 
 .social-btn {
@@ -210,18 +211,10 @@
     outline: none; 
 }
 
-.find-buttons-container {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 10px;
-}
-
 .find-buttons{
-    display: flex;
-    align-items: center;
-    gap: 150px;
-    margin-bottom: 10px;
+    gap: 181px;
+    position: absolute;
+    left: 300px;
 }
 
 .find-email-btn {
@@ -361,11 +354,17 @@
         width: 60%;
         height: 60%;
     }
+
+    .find-buttons {
+        gap: 180px;
+        left: 40px;
+    }
 }
 
-@media screen and (max-width: 450px)
+@media screen and (max-width: 400px)
 {
     .find-buttons {
-        gap: 80px;
+        gap: 50px;
+        left: 40px;
     }
 }

templates/users/login.html

@@ -31,14 +31,12 @@ <h1 class="login-title">Login</h1>
                 </div>
                 <button type="submit" class="login-btn">로그인</button>
             </form>         
-            <div class-"find-buttons-container">
-                <div class="find-buttons">
-                    <a href="{% url 'users:find-email' %}" class="find-email-btn">이메일 찾기</a>
-                    <form action="{% url 'users:password_reset_request' %}" method="post">
-                        {% csrf_token %}
-                        <button type="submit" class="find-pwd-btn">비밀번호를 잊으셨나요?</button>
-                    </form>
-                </div>
+            <div class="find-buttons">
+                <a href="{% url 'users:find-email' %}" class="find-email-btn">이메일 찾기</a>
+                <form action="{% url 'users:password_reset_request' %}" method="post">
+                    {% csrf_token %}
+                    <button type="submit" class="find-pwd-btn">비밀번호를 잊으셨나요?</button>
+                </form>
             </div>
             <div class="social-icons">
                 <div class="naver_login">