Can someone assist me in changing the background color of my portfolio to white? I attempted to use global CSS, but the black background on both sides of the page is preventing the change.
return (
<>
<Navbar />
<main className="main">
{title && (
<h1 className="bg-light">
{title}
</h1>
)}
{children}
</main>
{/* - {new Date().getFullYear()} */}
{
footer && (
<footer className="bg-dark text-light text-center">
<div className="container p-1">
<h6>© Juan M. Grehuello Portfolio</h6>
<p>2022. All rights reserved</p>
</div>
</footer>
)
}
</>
);
My current CSS code looks like this:
.main {
background-color: white;
padding: 2px;
margin-left: 107px;
margin-right: 107px;
}