benjaminolsen.devRepair a disconnected page
The starter has a navigation link that opens a missing file, a fragment with the wrong name, and a skipped heading level. Find and fix the causes while preserving the biography and goals.
Get started
- Open the starter and follow both navigation links. Read the heading tags in the source.
- Repair only the paths and heading structure needed to make the page coherent.
- Use Tab and Enter to revisit both sections, then run the checks.
Requirements
- Preserve the About and Goals content.
- Repair navigation so both links reach existing sections on this page.
- Use h2 for both sections under the single h1.
- Keep valid document metadata and semantic page regions.
Manual checks
- Open your saved index.html directly in a browser. Follow every link with Tab and Enter, keeping focus visible.
- Read the headings and content in source order. Check that the wording and alternative text match the content.
Hints
Hint 1
Inspect href values and compare them with the ids in main. Then inspect the headings in order.
Hint 2
about.html points to a file; #about points to an element on this page. A sibling section is not a subsection.
Hint 3
Change about.html to #about, change #goal to #goals, and change the Goals h4 to h2. The content stays intact.
Explain your decision
Why can a link have convincing text and still lead to the wrong place?
Compare a practice solution after your attempt
This is one valid solution, not the only design. Compare the structure and behaviour rather than copying the appearance.
Download practice solution