From d2470b157f84844539c34adfaf77548069f47bd0 Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Sun, 26 Oct 2025 13:29:53 +0400
Subject: feat/frontend: tablet breakpoints (#285)

---
 frontend/src/css/Games.css | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

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

diff --git a/frontend/src/css/Games.css b/frontend/src/css/Games.css
index 2fe5efa..9b1780c 100644
--- a/frontend/src/css/Games.css
+++ b/frontend/src/css/Games.css
@@ -98,6 +98,47 @@ span>b {
     font-family: BarlowCondensed-Bold;
 }
 
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+    .games-page {
+        left: 280px;
+        width: calc(100% - 280px);
+    }
+
+    .games-page-item-content {
+        left: 40px;
+        width: calc(100% - 80px);
+    }
+
+    .games-page-header {
+        margin-top: 40px;
+        margin-left: 40px;
+    }
+
+    span>b {
+        font-size: 48px;
+    }
+
+    .games-page-item {
+        height: 220px;
+    }
+
+    .games-page-item-header {
+        height: 45%;
+    }
+
+    .games-page-item-body-item {
+        height: 90px;
+    }
+
+    .games-page-item-body-item-title {
+        font-size: 22px;
+    }
+
+    .games-page-item-body-item-num {
+        font-size: 44px;
+    }
+}
+
 @media screen and (max-width: 768px) {
     .games-page {
         left: 0;
-- 
cgit v1.2.3