Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I keep failing the criteria ’ You should have the same number of .nav-link and .main-section elements.’ But I’m pretty sure both .nav-link and .main-sections are 5 each. What am I doing wrong?
Your code so far


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>League Documentation Page</title>
    <link rel="stylesheet" href="styles.css">
    <nav id="navbar">
        <h1>V's Simple Guide to Valorant</h1>
    <!-- NavBar -->
        </header >
        <li><a href="#introduction_to_valorant" class="nav-link">Introduction to Valorant<a></li>
        <li><a href="#basic_movement_and_actions" class="nav-link">Basic Movement and Actions</li>
        <li><a href="#abilities_and_archetypes" class="nav-link">Abilities and Archetypes</a></li>
        <li><a href="#gamemodes" class="nav-link">Gamemodes</a></li>
        <li><a href="#downloading_valorant_for_windows" class="nav-link">Downloading Valorant for Windows</a></li>
    <main id="main-doc">
      <!-- Intro -->
      <section class="main-section" id="introduction_to_valorant">
        <header>Introduction to Valorant</header>
          <p>Valorant is a free-to-play first-person tactical hero shooter developed and published by Riot Games, for Windows. In simple terms, it a fusion between the games 'CS:GO' and 'Overwatch'.<p>
      <!-- Movement -->
      <section class="main-section" id="basic_movement_and_actions">
        <header>Basic Movement and Actions</header>
        <p>Players move their characters(Agents), with WASD by default though keybinds can be changed in the settings menu in game for player convenience.</p>
      <!-- Archetypes and Abilities -->
      <section class="main-section" id="abilities_and_archetypes">
        <header>Abilities and Archetypes</header>
        <p>Compared to other FPS games, agents in valorant are explicitly categorised into different roles. Each role  and agent provides their own unique kit to the team, and many agents within the same role are interchangeable. Each agent has an ultimate ability, which can only be used when fully charged. Ultimate charges are gained from kills, planting or defusing the 'spike' and death directly caused by the enemy players or their utility with some exceptions.</p>
          <p>The roles are as follows, from conventionally most aggressive to least aggressive:</p>
            <li>Duelists, e.g. Jett, Reyna</li>
            <li>Initiator, e.g. Breach, Gekko</li>
            <li>Controller, e.g. Brimstone, Omen</li>
            <li>Sentinel, e.g. Sage, Cypher</li>
          <p class="double-indent">Duelist agents are self-sufficient fraggers who their team expects, through abilities and skills, to get high frags and seek out engagements first.</p>
          <p class="double-indent">Initiator agents challenge angles by setting up their team to enter contested ground and push defenders away.</p>
          <p class="double-indent">Controller agents are experts in slicing up dangerous territory to set their team up for success.</p>
          <p class="double-indent">Sentinel agents are defensive experts who can lock down areas and watch flanks, both on attacker and defender rounds.</p>
      <!-- Gamemodes -->
      <section class="main-section" id="gamemodes">
          <p>The main gamemodes in valorant are:</p>
            <li>Spike Rush</li>
          <p>The rotating gamemodes are as follows:</p>
            <li>Snowball Fight</li>
      <!-- Downloading the Game -->
        <section class="main-section" id="downloading_valorant_for_windows">
        <header>Downloading Valorant for Windows</header>
        <p>To download the game, go to <a href=""></a></p>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36 OPR/

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

They look the same to me :confused:
Perhaps try changing the IDs and Links to be ‘exactly’ like the headers with underscore for spaces?

For example:

<section class="main-section" id="introduction_to_valorant">
        <header>Introduction to Valorant</header>

Would become

<section class="main-section" id="Introduction_to_Valorant">
        <header>Introduction to Valorant</header>

if you try this don’t forget to also alter your nav link IDs

Sorry I couldn’t be of more help :confused:

Hi, it seems you’re closing a non-existent <div> in your navbar. Maybe that line is what’s messing up your code? It’s right after the last <li> element.

Nope, but thanks for the heads up.

I’ll try this and get back to you

1 Like

Didn’t work, but thanks for trying!

I’m gonna start from scratch, thanks for helping all