After testing multiple browsers, the site consistently works fine with Live Server. However, when accessed through Firefox or Chrome, my style.css fails to load completely. On Edge, an error message indicates that the file is missing. Below are snippets of my HTML and CSS code:
-----index.html-----
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/style.css" />
<link
rel="stylesheet"
href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.css"
/>
<link
rel="stylesheet"
href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css"
/>
<title>Web Project</title>
</head>
<body>
<nav class="navbackgroundcolor navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<button
class="navbar-toggler"
type="button"
data-mdb-toggle="collapse"
data-mdb-target="#navbarCenteredExample"
aria-controls="navbarCenteredExample"
aria-expanded="false"
aria-label="Toggle navigation"
>
<i class="fas fa-bars"></i>
</button>
<div
class="collapse navbar-collapse justify-content-center"
id="navbarCenteredExample"
>
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item pe-5 fs-4">
<a class="nav-link" href="/html/gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html"
><img
class="skate"
src="/media/icons8-skateboard-64 white.png"
alt="Home"
/></a>
</li>
<li class="nav-item ps-5 fs-4">
<a class="nav-link" href="/html/shop.html">Shop</a>
</li>
</ul>
</div>
</div>
</nav>
<script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.js"></script>
<script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script>
</body>
</html>
-----style.css-----
.skate {
height: 35px;
width: 35px;
}
.navbackgroundcolor {
background-color: #464648;
}
.navbar-link {
color: #c7c7c7 !important;
}
body {
background-size: cover;
background-color: #392727 !important;
}
Despite trying various solutions such as renaming files, rearranging code lines, using different browsers, and seeking advice from similar posts, nothing has resolved the issue.