Trouble with Responsive Design: CSS Media Queries Not Working

Hi everyone,

I?m working on a responsive website, but I?m running into issues with my CSS media queries. No matter what I try, the styles inside the media queries aren?t being applied. Here's a snippet of my code:

Code:

---

body { 
  font-family: Arial, sans-serif; 
  background-color: white; 
} 

@media (max-width: 768px) { 
  body { 
    background-color: lightgray; 
  } 
}

---

When I resize the browser, the background color doesn?t change as expected. I've checked that my CSS file is linked correctly, and I?ve tried clearing my browser cache. Am I missing something obvious?

I?m testing this in Chrome, but I?ve also tried it in Firefox with the same result.

Thanks in advance for your help!

Looks like you added too many letters to the background-color. What exactly's the deal with that surprise hyperlink?

Quote:

---

Originally Posted by swak

Looks like you added too many letters to the background-color. What exactly's the deal with that surprise hyperlink?

---

That's called SPAM.... I really should just ban him since he's been caught twice... :yikes: