infra/website
2
0
Fork 0
Code Issues Pull requests Activity Actions

use width instead of device-width

Browse source 
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
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
static/main.css
View file

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