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

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

diff --git a/frontend/src/css/Rankings.css b/frontend/src/css/Rankings.css
index b644ecd..ac1be93 100644
--- a/frontend/src/css/Rankings.css
+++ b/frontend/src/css/Rankings.css
@@ -107,6 +107,38 @@
     transform: translateX(10px);
 }
 
+@media screen and (min-width: 769px) and (max-width: 1024px) {
+    .nav-container button {
+        font-size: 23px;
+        padding: 9px 0px;
+    }
+
+    .nav-1 div {
+        width: 70%;
+    }
+
+    .nav-2 div {
+        width: 82%;
+    }
+
+    .rankings-leaderboard {
+        font-size: 18px;
+    }
+
+    .ranks-container {
+        width: calc(70% - 20px);
+    }
+
+    .leaderboard-entry {
+        grid-template-columns: 18% 42% 40%;
+        font-size: 16px;
+    }
+
+    .leaderboard-entry img {
+        height: 30px;
+    }
+}
+
 @media screen and (max-width: 768px) {
 
     .nav-1 div,
-- 
cgit v1.2.3