From 7b43c5d4d7dc6155fa9053b70392152f5fd8a8f6 Mon Sep 17 00:00:00 2001
From: TheClashFruit <clash.fruit123@gmail.com>
Date: Fri, 12 Jan 2024 22:20:27 +0100
Subject: [PATCH] feat: mobile

---
 css/style.css     | 32 +++++++++++++++++++++++++++++++
 css/style.css.map |  2 +-
 css/style.scss    | 49 +++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 82 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 92f2478..300e581 100644
--- a/css/style.css
+++ b/css/style.css
@@ -140,4 +140,36 @@ footer .footerInner > .footerLinks > div > label {
   font-size: 0.9rem;
 }
 
+@media (max-width: 768px) {
+  header {
+    padding: 2rem 1rem;
+  }
+  header > div .title {
+    flex-direction: column;
+    text-align: center;
+  }
+  main {
+    margin: 0 1rem 2rem;
+  }
+  .cards {
+    grid-template-columns: 1fr;
+  }
+  footer .footerInner {
+    padding: 1rem;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+    gap: 1rem;
+  }
+  footer .footerInner > div {
+    width: 100%;
+  }
+  footer .footerInner > .footerLinks {
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    gap: 3rem;
+  }
+}
+
 /*# sourceMappingURL=style.css.map */
diff --git a/css/style.css.map b/css/style.css.map
index 5a4e02c..8e9f195 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;;AAIJ;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;;AAKN;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;EAEA;EACA;EAEA;;;AAIJ;EACE;;AAEA;EACE;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAGF;EACE;EAEA;EACA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;;AAEA;EACE;EAEA;EAEA;;AAKN;EACE;EAEA;;;AAOV;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EAEA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAQ;AAER;EACE;EACA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;;;AAIJ;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;;AAKN;EACE;EAEA;EAEA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;;AAGF;EACE;EAEA;;AAGF;EACE;EAEA;EAEA;EACA;EAEA;;;AAIJ;EACE;;AAEA;EACE;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAGF;EACE;EAEA;EACA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;;AAEA;EACE;EAEA;EAEA;;AAKN;EACE;EAEA;;;AAOV;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;EAEA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EAEA;;;AAKN;EACE;IACE;;EAGE;IACE;IAEA;;EAKN;IACE;;EAGF;IACE;;EAIA;IACE;IAEA;IACA;IAEA;IAEA;;EAEA;IACE;;EAGF;IACE;IAEA;IAEA;IAEA","file":"style.css"}
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index 2406e9c..e012ed2 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -206,4 +206,53 @@ footer {
       font-size: 0.9rem;
     }
   }
+}
+
+@media (max-width: 768px) {
+  header {
+    padding: 2rem 1rem;
+
+    > div {
+      .title {
+        flex-direction: column;
+
+        text-align: center;
+      }
+    }
+  }
+
+  main {
+    margin: 0 1rem 2rem;
+  }
+
+  .cards {
+    grid-template-columns: 1fr;
+  }
+
+  footer {
+    .footerInner {
+      padding: 1rem;
+
+      flex-direction: column;
+      justify-content: center;
+
+      text-align: center;
+
+      gap: 1rem;
+
+      > div {
+        width: 100%;
+      }
+
+      > .footerLinks {
+        width: 100%;
+
+        justify-content: center;
+
+        align-items: center;
+
+        gap: 3rem;
+      }
+    }
+  }
 }
\ No newline at end of file