fixed credits link

made the whole div clickable instead of just the text
thenithinbalaji · Jul 7, 2022 · 5fe0d7c · 5fe0d7c
1 parent 1965f7e
commit 5fe0d7c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -43,7 +43,11 @@ <h1 class = "question" id = "question">Are you ready!</h1>
     </div>
 
     <div class = "credits">
-        <p><a href = "https://github.com/thenithinbalaji/YES-or-NO" target = "_blank">WEBSITE BY THE NITHIN BALAJI</a></p>
+        <a href = "https://github.com/thenithinbalaji/YES-or-NO" target = "_blank">
+            <div class = "credits-text">
+                <p>WEBSITE BY THE NITHIN BALAJI</p>
+            </div>
+        </a>
     </div>
 
 </body>

diff --git a/style.css b/style.css
@@ -65,6 +65,9 @@ button{
     right: 0;
     bottom:0;
     margin: 2rem;
+}
+
+.credits-text{
     font-size: 0.75rem;
     background-color: rgb(255, 255, 255);
     border-style: solid;
@@ -88,7 +91,7 @@ a, a:hover, a:focus, a:active {
 }
 
 @media(hover: hover) {
-    button:hover, .credits:hover{
+    button:hover, .credits-text:hover{
         background-color: rgb(224, 224, 224);
         box-shadow: 2.5px 2.5px 10px rgb(161, 149, 11);
     }