I am struggling to change the color of the "menu" class in my CSS code. Even though I have specified a background-color of black for the class, it doesn't seem to be taking effect. Can anyone recommend a better CSS reset or offer another solution?
.menu {
background-color: black;
}
<div class="menu">
<div class="container">
<nav class="navbar navbar-expand offset-3 fixed-top">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapse-menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id ="collapse-menu">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#gioithieu">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">PORTFOLIO</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">CONTACT</a>
</li>
</ul>
</div>
</nav>
</div>