adaptive_fix_3

server/frontend/auth/login.css

@@ -79,3 +79,38 @@ button:hover {
     color: #b06029;
     transform: scale(1.015);
 }
+
+/* ----------------------------------ADAPTIVE------------------------------------- */
+
+@media (max-width: 820px)  {
+    .login-box {
+        background-size: 190%;
+    }
+}
+@media (max-width: 620px)  {
+    .login-box {
+        background-size: 220%;
+    }
+}
+@media (max-width: 520px)  {
+        .login-box {
+        background-size: 260%;
+    }
+}
+@media (max-width: 420px)  {
+        .login-box {
+        background-size: 310%;
+    }
+    input {
+  width: 250px;
+    }
+}
+@media (max-width: 320px)  {
+        .login-box {
+        background-size: 420%;
+        background: url('./image/hamster.png') no-repeat 55% 50%;
+    }
+    input {
+  width: 200px;
+    }
+}