Estoy tratando de agregar una barra de navegación a mi sitio web ReactJS y estoy tratando de agregar una barra de navegación a mi sitio web.
Necesita que la barra de navegación esté al 100% de ancho. Intenté usar 'ancho: 100%;'. Pero no hará que el encabezado sea 100%.
Aquí está mi código:

ReaccionarJS:

 import React from 'react'; import './Header.css'; function Header() { return ( <nav className="header"> <a href="#">Home</a> <p> </p> <a href="#">About</a> <p> </p> <a href="#">Projects</a> <p> </p> <a href="#">Resume</a> </nav> ) } export default Header;

CSS:

 .header > a { background-color: #171A25; text-decoration: none; color: white; text-align: center; word-spacing: 33px; } .header { background-color: #171A25; align-items: center; word-spacing: 33px; padding: 1em 1.5em; }