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: 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);
}
}