From ed6c3dcc511e515b7d396a043aaeb1fe3b70c76d Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Sun, 7 Mar 2021 18:18:30 +0100 Subject: Move all media query overrides at the bottom of the file --- stylesheets/index.css | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'stylesheets') diff --git a/stylesheets/index.css b/stylesheets/index.css index 78e9d71..74ba8b7 100644 --- 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 { -- cgit v1.2.3