Media queries are not responding where I want them to

[uphamg]

This is the test site url

http://shiftisgoodweb.com/site-design

I have been racking my brain on this for a couple of hours now. I have no idea what is wrong. I now have a site where I put in a fresh install of reverie, and just put one section of code in the css here ...

@media only screen and (min-width: 1140px) {

body {
background: yellow;
}

}

For some reason, instead of the background turning yellow at 1140px, it turns at 1244px according to the responsive design view in firefox.

I checked the html on this page and the css and aside from the images not having some alt tags, there were no errors.

Can anybody please help. I've probably built 10-12 sites with reverie and have never had this problem.

Thanks in advance.

• Gary

[uphamg]

Solved. Was zoomed in once on a tab and I guess it applied to any new tab I opened up so it caused the breakpoints to not match up. I am dumb.