From e9fede696a7a3e9e2e140cb7c10f83f0a6350c9b Mon Sep 17 00:00:00 2001 From: nheitz Date: Tue, 24 Sep 2024 16:27:38 +0200 Subject: [PATCH] =?UTF-8?q?update=20header=20normalement=20=C3=A7a=20march?= =?UTF-8?q?e=20merci=20Alice?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- www/css/style.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/www/css/style.css b/www/css/style.css index b42a4dc..3e42fd9 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -116,48 +116,43 @@ a { background-image: url("../img/ui/header-nuit.png"); background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png"); background-repeat: no-repeat; - background-position: center 18%; + background-position: center; + background-size: cover; } @media only screen and (max-width: 1200px) { #main-header { height: calc(100vh / 2); - background-size: auto calc(100vh / 2); } } @media only screen and (max-width: 900px) { #main-header { height: calc(100vh / 2.5); - background-size: auto calc(100vh / 2.5); } } @media only screen and (max-width: 600px) { #main-header { height: calc(100vh / 3); - background-size: auto calc(100vh / 3); } } @media only screen and (max-width: 500px) { #main-header { height: calc(100vh / 5); - background-size: auto calc(100vh / 5); } } @media only screen and (max-width: 300px) { #main-header { height: calc(100vh / 7); - background-size: auto calc(100vh / 7); } } @media only screen and (max-width: 200px) { #main-header { height: calc(100vh / 8); - background-size: auto calc(100vh / 8); } }