small screen hoever effect removed

ajmalfaris11 · Mar 27, 2024 · 9fcb675 · 9fcb675
1 parent 9a4934c
commit 9fcb675
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PassForge</title>
+    <title>PassForge | Generate Unbreakable Password  </title>
     <link rel="icon" href="imgs/Logo.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <!-- ----- FONT CDN FILE ---- -->

diff --git a/styles.css b/styles.css
@@ -158,9 +158,7 @@ div.range span{
         grid-template-columns: 1fr 1fr;
         gap: 25px;
         justify-content: center;
-        user-select: none;
-
-
+        user-select: none;  
     }
     div.options label{
         display: block;
@@ -215,6 +213,7 @@ div.range span{
 
     /**========= MEDIA QUERYES =========**/
 
+
     @media screen and (max-width:770px) {
 
         body{
@@ -271,6 +270,15 @@ div.range span{
             font-size: 24px;
             border-radius: 8px;
         }
+        .btn-circle:hover{
+            background:none;
+        }
+        button.generate:hover{
+            transform:none;
+        }
+        button.generate:active{
+            transform:scale(0.9);
+        }
     }
 
 
@@ -281,7 +289,6 @@ div.range span{
             margin-top: 20px;
             width: 70%;
             height:600px;
-
         }
 
         .generator{
@@ -304,6 +311,16 @@ div.range span{
                 padding: 15px;
 
             }
+            div.options label{
+                display: block;
+                background-color:#1E1E1E ;
+                padding-block: 0px;
+                border-radius:10px;
+                cursor: pointer;
+                width: 150px;
+                transition: 0.5s;    
+
+            }
         }
 
     }