From b1fd0cdeff287e4cf0ec180ff9fee804cb2c8b8d Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Wed, 22 Oct 2025 01:52:05 +0400
Subject: feat/frontend: add general mobile support (#275)

---
 frontend/src/css/Maplist.css | 47 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

(limited to 'frontend/src/css/Maplist.css')

diff --git a/frontend/src/css/Maplist.css b/frontend/src/css/Maplist.css
index 9880a27..65c3a28 100644
--- a/frontend/src/css/Maplist.css
+++ b/frontend/src/css/Maplist.css
@@ -72,7 +72,8 @@ h3 {
     width: 100%;
 }
 
-.game-cat-button:hover, .game-cat-button.selected {
+.game-cat-button:hover,
+.game-cat-button.selected {
     background-color: #202232;
 }
 
@@ -196,3 +197,47 @@ h3 {
         opacity: 1;
     }
 }
+
+@media screen and (max-width: 768px) {
+    h1 {
+        font-size: 36px;
+        text-align: center;
+    }
+
+    h3 {
+        font-size: 28px;
+        margin: 0px 5px;
+    }
+
+    .portal-count {
+        font-size: 60px;
+    }
+
+    .blur.map span:nth-child(1) {
+        font-size: 40px;
+    }
+
+    .game-header-categories {
+        flex-direction: column;
+        height: auto;
+    }
+
+    .game-cat-button {
+        font-size: 18px;
+        padding: 10px 0;
+    }
+
+    .maplist {
+        grid-template-columns: repeat(1, 1fr);
+        grid-gap: 20px;
+        margin: 20px 0px;
+    }
+
+    .maplist-entry span {
+        font-size: 16px;
+    }
+
+    .map-entry-image {
+        height: 150px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3