From 0f9b0df3756ca191caa8214eb302c76308d896b8 Mon Sep 17 00:00:00 2001
From: ssyyhhrr <808648@student.derby-college.ac.uk>
Date: Tue, 24 Jan 2023 11:42:56 +0000
Subject: [PATCH 1/3] Mobile CSS Fix

---
 assets/css/main.css | 31 ++++++++++++++-----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 76f06c5..ccbb610 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -551,10 +551,21 @@ p a:hover {
 }
 
 @media(max-width:820px) {
+    .title h1 {
+        text-align: left;
+    }
+
+    .info {
+        font-size: 1.5em;
+        gap: 10px;
+    }
+
     h1 {
         font-size: 2.5em;
     }
+}
 
+@media(max-width:740px) {
     h2 {
         font-size: 1.5em;
     }
@@ -567,11 +578,6 @@ p a:hover {
         font-size: 1em;
     }
 
-    .frame {
-        height: 45px;
-        width: 45px;
-    }
-
     .flag {
         height: 45px;
         width: 45px;
@@ -603,15 +609,6 @@ p a:hover {
     .tutorial .row {
         flex-direction: column;
     }
-
-    .title h1 {
-        text-align: left;
-    }
-
-    .info {
-        font-size: 1.5em;
-        gap: 10px;
-    }
 }
 
 @media(max-width:540px) {
@@ -620,7 +617,7 @@ p a:hover {
     }
 }
 
-@media(max-width:430px) {
+@media(max-width:450px) {
     h1 {
         font-size: 2em;
     }
@@ -638,8 +635,8 @@ p a:hover {
     }
 
     .frame {
-        height: 35px;
-        width: 35px;
+        height: 45px;
+        width: 45px;
         outline: 1px solid #3a3a3c;
     }
 

From 7e77ab27511ed5e9c77c1fb3bd144a4d371f06d3 Mon Sep 17 00:00:00 2001
From: ssyyhhrr <808648@student.derby-college.ac.uk>
Date: Tue, 24 Jan 2023 11:48:53 +0000
Subject: [PATCH 2/3] Mobile CSS Fix

---
 assets/css/main.css | 27 ++++++---------------------
 1 file changed, 6 insertions(+), 21 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index ccbb610..e05123f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -578,21 +578,6 @@ p a:hover {
         font-size: 1em;
     }
 
-    .flag {
-        height: 45px;
-        width: 45px;
-    }
-
-    .team {
-        width: 45px;
-    }
-
-    .text {
-        line-height: 45px;
-        width: 45px;
-        font-size: 14px;
-    }
-
     .input {
         width: 360px;
     }
@@ -641,18 +626,18 @@ p a:hover {
     }
 
     .flag {
-        height: 35px;
-        width: 35px;
+        height: 45px;
+        width: 45px;
     }
 
     .team {
-        width: 35px;
+        width: 45px;
     }
 
     .text {
-        line-height: 35px;
-        width: 35px;
-        font-size: 12px;
+        line-height: 45px;
+        width: 45px;
+        font-size: 14px;
     }
 
     .input {

From 87c462d6197fcacd493dea332167d1f5c36c8610 Mon Sep 17 00:00:00 2001
From: ssyyhhrr <808648@student.derby-college.ac.uk>
Date: Tue, 24 Jan 2023 11:55:05 +0000
Subject: [PATCH 3/3] Mobile CSS Fix

---
 assets/css/main.css | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index e05123f..b250723 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -566,22 +566,6 @@ p a:hover {
 }
 
 @media(max-width:740px) {
-    h2 {
-        font-size: 1.5em;
-    }
-
-    h4 {
-        font-size: 1.25em;
-    }
-
-    h5 {
-        font-size: 1em;
-    }
-
-    .input {
-        width: 360px;
-    }
-
     .tutorial {
         min-width: 360px;
         overflow-y: scroll;
@@ -608,15 +592,15 @@ p a:hover {
     }
 
     h2 {
-        font-size: 1.2em;
+        font-size: 1.5em;
     }
 
     h4 {
-        font-size: 1em;
+        font-size: 1.25em;
     }
 
     h5 {
-        font-size: 0.8em;
+        font-size: 1em;
     }
 
     .frame {
@@ -641,7 +625,7 @@ p a:hover {
     }
 
     .input {
-        width: 280px;
+        width: 360px;
     }
 
     .info {