Responsive1 added

fabianmendozaospina · Dec 18, 2024 · b7d838f · b7d838f
1 parent 730f167
commit b7d838f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/assets/css/responsive.css → assets/css/responsive-index.css b/assets/css/responsive.css → 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
@@ -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
@@ -17,7 +17,7 @@
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mrspecht/cdn/reset.css" media="all">
         <link rel="shortcut icon" href="./assets/img/favicon.png" type="image/x-icon">
         <link rel="stylesheet" href="./assets/css/style.css" media="all">
-        <link rel="stylesheet" href="./assets/css/responsive.css" media="all">
+        <link rel="stylesheet" href="./assets/css/responsive-index.css" media="all">
         <script src="./assets/js/login.js" type="module"></script>       
     </head>
     <body>