From 4d69d1d35d5f85afcd482adf0ce88c645b66a733 Mon Sep 17 00:00:00 2001
From: Wazeer <58399263+wazeerc@users.noreply.github.com>
Date: Thu, 30 May 2024 20:13:30 +0400
Subject: [PATCH] - Fix wrong hyperlink in footer - Add padding to footer -
 Remove vertical overflow on mobile

---
 src/components/FlagsGuessr.tsx        | 2 +-
 src/components/styles/FlagsGuessr.css | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/FlagsGuessr.tsx b/src/components/FlagsGuessr.tsx
index 4935358..7a915c0 100644
--- a/src/components/FlagsGuessr.tsx
+++ b/src/components/FlagsGuessr.tsx
@@ -21,7 +21,7 @@ const FlagsGuessr = () => {
                 <footer>
                     Thanks for playing! Contribute to the&nbsp;
                     <a
-                        href="https://github.com/wchadwick/flags-guessr"
+                        href="https://github.com/wazeerc/FlagsGuessr"
                         target="_blank"
                         rel="noopener noreferrer"
                     >
diff --git a/src/components/styles/FlagsGuessr.css b/src/components/styles/FlagsGuessr.css
index e2bbc37..e3c605d 100644
--- a/src/components/styles/FlagsGuessr.css
+++ b/src/components/styles/FlagsGuessr.css
@@ -72,9 +72,11 @@
 }
 
 @media screen and (max-width: 768px) {
-    .flags-guessr-main {
-        height: 100vh;
+    .flags-guessr-container {
+        overflow: hidden;
+    }
 
+    .flags-guessr-main {
         .flag {
             width: 18rem;
         }
@@ -105,4 +107,5 @@ a {
 footer {
     color: #303030;
     font-size: .8rem;
+    padding-bottom: .4rem;
 }