As I delve into the world of web design, I've encountered a simple issue that has me stumped. I created a basic example page with both documents residing in the same folder. Oddly enough, the snippet works perfectly when viewed here, but fails to function on my own computer. I've meticulously double-checked the file path for the stylesheet multiple times, but no luck. Any help would be greatly appreciated. Thanks! (Not entirely sure if the snippet is relevant, but I've included it just in case)
body {
background-color: #eee;
}
#header {
background-color: #66CCFF;
color: white;
}<div id="container">
<div id="header">
<h1>text</h1>
</div>
<div id="content">
<div id="nav">
<h3>nav</h3>
<ul>
<li>home</li>
<li>about</li>
<li>contact</li>
</ul>
</div>
<div id="main">
<h2> other text </h2>
</div>
</div>
</div>