Media queries not relating to pixels on website

manpreet Best Answer 2 years ago

_x000D_ To start troubleshooting, double check that in the head of your document you have Let me know how you get on. Edit Thanks for the extra code. Check out this working example. The CSS and the order of the media queries is below: /* set default */ .body{ width:800px; } @media screen and (max-width:400px) { .body { width:260px; } } @media screen and (min-width: 401px) and (max-width:640px) { .body { width:480px; } } @media screen and (min-width: 641px) and (max-width: 800px) { .body { width:600px; } } @media screen and (min-width: 801px) and (max-width: 1024px) { .body{ width:800px; } }