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/Games.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

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

diff --git a/frontend/src/css/Games.css b/frontend/src/css/Games.css
index ec57a71..2fe5efa 100644
--- a/frontend/src/css/Games.css
+++ b/frontend/src/css/Games.css
@@ -96,4 +96,52 @@ span>b {
 .games-page-item-body-item-num {
     font-size: 50px;
     font-family: BarlowCondensed-Bold;
+}
+
+@media screen and (max-width: 768px) {
+    .games-page {
+        left: 0;
+        width: 100%;
+        padding-top: 60px;
+    }
+
+    .games-page-item-content {
+        left: 20px;
+        width: calc(100% - 40px);
+    }
+
+    .games-page-header {
+        margin-top: 20px;
+        margin-left: 20px;
+    }
+
+    span>b {
+        font-size: 40px;
+    }
+
+    .games-page-item {
+        height: auto;
+        min-height: 200px;
+    }
+
+    .games-page-item-header {
+        height: 120px;
+    }
+
+    .games-page-item-body {
+        height: auto;
+        padding: 10px 0;
+    }
+
+    .games-page-item-body-item {
+        height: 80px;
+    }
+
+    .games-page-item-body-item-title {
+        font-size: 20px;
+    }
+
+    .games-page-item-body-item-num {
+        font-size: 36px;
+    }
 }
\ No newline at end of file
-- 
cgit v1.2.3