Description
Navbar links currently show an underline on hover, but:
- the underline disappears after clicking a link
- there is no indication of the active section while scrolling
This makes navigation less intuitive.
Goal
Ensure the navbar link for the current section:
- remains underlined after being clicked
- stays highlighted while the section is in view
Implementation
- Use an
.active class for navbar links
- Reuse existing hover styles for the active state
Acceptance Criteria
- Clicking a navbar link keeps it underlined
- Active section link updates correctly while scrolling
- No flickering or multiple active links
- No changes to existing color scheme
Relevant Files
style.css (active underline styling)
script.js (click/scroll logic)
⚠️ Notes
- Keep implementation clean and reusable
- Avoid hardcoding styles or inline fixes
Description
Navbar links currently show an underline on hover, but:
This makes navigation less intuitive.
Goal
Ensure the navbar link for the current section:
Implementation
.activeclass for navbar linksAcceptance Criteria
Relevant Files
style.css(active underline styling)script.js(click/scroll logic)