Mobile-first i pixel-perfect: wspólne --cell-size, grid dla podpowiedzi, dynamiczny rozmiar komórki z uwzględnieniem paddingów i szerokości opisów; poprawa touch/pointer i double-tap na mobile; wyrównanie layoutu bez nachodzenia na desktopie

2026-02-08 15:02:59 +01:00
parent ec1cf89ee5
commit 657dc9cc1f
5 changed files with 145 additions and 24 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -111,4 +111,22 @@ h1 {
  justify-content: center;
  margin-top: 10px;
 }
+
+@media (max-width: 768px) {
+  .game-header {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+  h1 {
+    font-size: 2.4rem;
+    letter-spacing: 3px;
+  }
+}
+
+@media (max-width: 420px) {
+  h1 {
+    font-size: 2rem;
+    letter-spacing: 2px;
+  }
+}
 </style>