Media Queries with resolution is overwriting the default styles

31 views Asked by At

I have default styles: .rightpage{ position: relative }

and media query with resoltution of 150% or more: @media (min-resolution: 1.5dppx) { .rightPane { position: fixed; } }

Outcome: but it is giving priority to position: fixed; even on lower resolution, basically in all resolution

Expected: When resolution is less than 150% then it should have this priority : position: relative & and when the resolution is more than 150% or more then it should have this priority position: fixed;

0

There are 0 answers