use width instead of device-width
seems to break on firefox desktop with developer options open sometimes
This commit is contained in:
parent
1de0c63a97
commit
97a18116e2
1 changed files with 3 additions and 3 deletions
|
@ -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)
|
||||
|
|
Loading…
Add table
Reference in a new issue