update header normalement ça marche merci Alice

This commit is contained in:
nheitz 2024-09-24 16:27:38 +02:00
parent b3a3ff06c0
commit e9fede696a

View file

@ -116,48 +116,43 @@ a {
background-image: url("../img/ui/header-nuit.png"); 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-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center 18%; background-position: center;
background-size: cover;
} }
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1200px) {
#main-header { #main-header {
height: calc(100vh / 2); height: calc(100vh / 2);
background-size: auto calc(100vh / 2);
} }
} }
@media only screen and (max-width: 900px) { @media only screen and (max-width: 900px) {
#main-header { #main-header {
height: calc(100vh / 2.5); height: calc(100vh / 2.5);
background-size: auto calc(100vh / 2.5);
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#main-header { #main-header {
height: calc(100vh / 3); height: calc(100vh / 3);
background-size: auto calc(100vh / 3);
} }
} }
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
#main-header { #main-header {
height: calc(100vh / 5); height: calc(100vh / 5);
background-size: auto calc(100vh / 5);
} }
} }
@media only screen and (max-width: 300px) { @media only screen and (max-width: 300px) {
#main-header { #main-header {
height: calc(100vh / 7); height: calc(100vh / 7);
background-size: auto calc(100vh / 7);
} }
} }
@media only screen and (max-width: 200px) { @media only screen and (max-width: 200px) {
#main-header { #main-header {
height: calc(100vh / 8); height: calc(100vh / 8);
background-size: auto calc(100vh / 8);
} }
} }