Fix :Add a link to the github project:change5

Author: Pawankalyan2023

css/style.css

@@ -124,7 +124,8 @@ body {
 
   div.buttons {
     display: flex;
-    gap: 12px;
+    gap: 0.5rem;
+    flex-wrap: wrap; 
   }
 
   button.action {
@@ -140,6 +141,22 @@ body {
     flex: 1;
   }
 
+  #github{
+    position: static; 
+    order: 3; 
+    flex-basis: 100%; 
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 1rem;
+  }
+
+  #github a {
+    display: inline-flex;
+    align-items: center;
+    gap: 3rem;
+  }
+
 }
 
 #settingsModal::backdrop {
@@ -184,53 +201,20 @@ body {
 
 
 #github {
-  position: fixed;
-  bottom: 12px;
-  right: 12px;
-  z-index: 60;
-  pointer-events: auto;
-}
-
-
-#github a {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  color: white;
-  text-decoration: none;
-}
-
-#github p { margin: 0; }
-
-#github img {
-  width: 50px;
-  height: 50px;
-  display: inline-block;
-  border-radius: 6px;
-}
-
-
-#settingsModal .buttons {
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap; 
-}
+  a {
+    display: inline-flex;
+    align-items: center;
+    color: white;
+    text-decoration: none;
+  }
 
-#settingsModal .buttons #github {
-  position: static; 
-  order: 3; 
-  flex-basis: 100%; 
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 12px;
+  img {
+    width: 5rem;
+    height: 5rem;
+    display: inline-block;
+  }
 }
 
-#settingsModal .buttons #github a {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}