use width instead of device-width

seems to break on firefox desktop with developer options open sometimes
This commit is contained in:
kleines Filmröllchen 2024-11-23 20:52:47 +01:00
parent 1de0c63a97
commit 97a18116e2
Signed by: filmroellchen
SSH key fingerprint: SHA256:NarU6J/XgCfEae4rbei0YIdN2pYaYDccarK6R53dnc8

View file

@ -105,14 +105,14 @@ header {
}
}
@media screen and (device-width > 1700px) {
@media screen and (width > 1700px) {
header {
position: fixed;
width: calc(100vw - 2 * 3em);
}
}
@media screen and (device-width < 650px) {
@media screen and (width < 650px) {
body {
margin: 1.5rem;
margin-top: 0;
@ -135,7 +135,7 @@ header {
}
}
@media screen and (device-width < 400px) {
@media screen and (width < 400px) {
header {
grid-template:
". logo ." minmax(3cm, 10vh)