repsonsive 2

2026-03-22 01:59:30 +01:00
parent dc427f5981
commit 9748de4286
4 changed files with 41 additions and 11 deletions
--- a/frontend/app/components/Sprite.vue
+++ b/frontend/app/components/Sprite.vue
@@ -33,13 +33,17 @@ onMounted(() => {
    position: absolute;
    z-index: 1;
    width: 1300px;
-
-    @media screen and (max-width: 900px) {
-        width: 650px;
-    }
-
+    
    @media screen and (max-width: 1200px) and (min-width: 900px) {
        width: 975px;
    }
+
+    @media screen and (max-width: 900px) and (min-width: 600px) {
+        width: 650px;
+    }
+
+    @media screen and (max-width: 600px){
+        width: 425px;
+    }
 }
 </style>