Necesito ayuda para poner el color de mi portafolio de fondo en blanco. Intenté hacerlo poniendo un css global pero en ambos lados de la página tengo un fondo negro y no puedo cambiarlo.
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> ) } </> );Y mi css es como:
.main { background-color: white; padding: 2px; margin-left: 107px; margin-right: 107px;}
Un simple vistazo a la documentación hubiera sido suficiente. Aqui esta el link:
https://getbootstrap.com/docs/5.0/utilities/background/
Aparentemente, puedes establecer el color de fondo con:
.bg-light Esto significa que debe cambiar su <Navbar /> en:
<div className="bg-light"> ... </div>