Media queries

arcesium · Apr 18, 2024 · 5b66afc · 5b66afc
1 parent 56019f1
commit 5b66afc
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/mobile.html b/mobile.html
@@ -34,8 +34,20 @@
 
         }
 
+        @media (width <= 850px) {
+            .l2 {
+                background-image: url('./assets/elements-90.png');
+            }
+        }
+
+        @media (width > 850px) {
+            .l2 {
+                background-image: url('./assets/elements.png');
+            }
+        }
+
+
         .l2 {
-            background-image: url('./assets/elements.png');
             width: 100vw;
         }