quatuorbellefeuille.com

commit ed6c3dcc511e515b7d396a043aaeb1fe3b70c76d
parent fba9653ef974de99da520f4a67fdb33d87848ff7
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun,  7 Mar 2021 18:18:30 +0100

Move all media query overrides at the bottom of the file

Diffstat:
M
stylesheets/index.css
 | 
36
++++++++++++++++++------------------

1 file changed, 18 insertions(+), 18 deletions(-)
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -2,24 +2,6 @@ body {
     background: no-repeat 70% 30%/cover black url('/images/index/bg1k.jpg');
 }
 
-@media (min-width: 1024px), (min-height: 600px) {
-    body {
-        background-image: url('/images/index/bg2k.jpg');
-    }
-}
-
-@media (min-width: 2048), (min-height: 1300px) {
-    body {
-        background-image: url('/images/index/bg4k.jpg');
-    }
-}
-
-@media (min-width: 4096px), (min-height: 2700px) {
-    body {
-        background-image: url('/images/index/bgmax.jpg');
-    }
-}
-
 main {
     position: relative;
 }
@@ -52,6 +34,24 @@ a#next-concert:hover {
     font-weight: 600;
 }
 
+@media (min-width: 1024px), (min-height: 600px) {
+    body {
+        background-image: url('/images/index/bg2k.jpg');
+    }
+}
+
+@media (min-width: 2048), (min-height: 1300px) {
+    body {
+        background-image: url('/images/index/bg4k.jpg');
+    }
+}
+
+@media (min-width: 4096px), (min-height: 2700px) {
+    body {
+        background-image: url('/images/index/bgmax.jpg');
+    }
+}
+
 @media (max-aspect-ratio: 1/1) and (max-height: 600px),
        (max-aspect-ratio: 5/6) {
     body {