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!