I'm currently working on enhancing the menu bar for a website project.
Utilizing nextjs for my application
I am aiming to customize the look of the anchor tag, however, encountering some issues with it not rendering correctly.
Here is a snippet of my code:
JavaScript
const Nav = () => {
return (
<div className={styles.nav}>
<div className={styles.topNav}>
<div className="d-flex justify-content-between">
<div>
<Link href="/">
<a>
Logo
</a>
</Link>
</div>
<div className={styles.navLinks}>
</div>
<div onClick={openMenu} className={styles.menuHamburger}>Menu</div>
</div>
</div>
</div>
)
}
CSS
.topNav{
background-color: blue;
padding: 1.5rem 1rem;
}
.topNav > div > a{
color: white;
}