diff --git a/assets/css/responsive.css b/assets/css/responsive-index.css
similarity index 72%
rename from assets/css/responsive.css
rename to assets/css/responsive-index.css
index 1f18a60..529b2cc 100644
--- a/assets/css/responsive.css
+++ b/assets/css/responsive-index.css
@@ -1,6 +1,7 @@
@charset "utf-8";
@media (max-width: 1180px) {
+ .form-group,
.button-container {
display: flex;
flex-direction: column;
@@ -27,21 +28,28 @@
}
}
-@media (max-width: 338px) {
+@media (max-width: 399px) {
html {
- min-width: 338px;
+ min-width: 399px;
}
.right-section {
display: none;
}
+ #username,
+ #password,
.login-btn,
.create-btn {
width: 290px;
- margin-right: 20px;
max-width: calc(100% - 40px);
- margin-right: 20px;
+ }
+
+ .form-group {
+ input[type='text'],
+ input[type='password'] {
+ background: none;
+ }
}
}
diff --git a/assets/css/style.css b/assets/css/style.css
index 96bbcea..96a7b18 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -22,8 +22,7 @@
}
html {
- min-width: 338px;
- overflow-x: hidden;
+ min-width: 399px;
}
body {
@@ -36,7 +35,10 @@ body {
font-weight: 400;
letter-spacing: 0.5px;
color: var(--app-white);
- overflow-x: hidden;
+}
+
+html, body {
+ overflow-y: hidden;
}
main {
diff --git a/index.html b/index.html
index d013e59..069e907 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
-
+