Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

I feel like I have pored over every inch of this but the code check still says that the first child of all of my .main-section’s are not header’s, don’t match their id’s, and not all of my nav-links match the header text.

I’m sure it’s something tiny but I can’t find it anywhere.

Your code so far

WARNING

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">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Disneyland Park Breakdown</title>
    <link rel="stylesheet" href="./styles.css">
    </head>
  <body>
    <h1>Disneyland Park Breakdown</h1>
    <nav id="navbar">
      <header>
      <a class="nav-link" href="#Main_Street_USA">Main Street USA</a>
      <a class="nav-link" href="#Adventureland">Adventureland</a>
      <a class="nav-link" href="#Critter_Country">Critter Country</a>
      <a class="nav-link" href="#New_Orleans_Square">New Orleans Square</a>
      <a class="nav-link" href="#Fantasyland">Fantasyland</a>
      <a class="nav-link" href="#Frontierland">Frontierland</a>
      <a class="nav-link" href="#Tomorrowland">Tomorrowland</a>
      <a class="nav-link" href="#Star_Wars:_Galaxy's_Edge">Star Wars: Galaxy's Edge</a>
    </nav>
    </header>
    <main id="main-doc">
      <section class="main-section" id="Main_Street_USA">
        <header>Main Street USA</header>
        <div>
        <p id="group">Dining</p>
        <li>Plaza Inn</li>
        <li>Gibson Girl Ice Cream Parlor</li>
        <li>Jolly Holiday Bakery Cafe</li>
        <li>Refreshment Corner</li>
        <li>Little Red Wagon</li>
        <p id="group">Shopping and Commemorative Keepsakes</p>
        <li>Emporium</li>
        <li>Plaza Point</li>
        <li>Disneyana</li>
        <li>Candy Palace</li>
        </div>
        </section>
      <section class="main-section" id="Adventureland">
        <header>Adventureland</header>
        <div>
        <p id="group">Rides and Attractions</p>
        <li>Indiana Jones Adventure</li>
        <li>Jungle Cruise</li>
        <li>Tarzan's Treehouse</li>
        <li>Walt Disney's Enchanted Tiki Room</li>
        <p id="group">Dining</p>
        <li>Bengal Barbecue</li>
        <li>Tiki Juice Bar</li>
        <li>The Tropical Hideaway</li>
        <li>Tropical Imports</li>
        </div>
      </section>
       <section class="main-section" id="Critter_Country">
         <header>Critter Country</header>
        <div>
        <p id="group">Rides and Attractions</p>
        <li>The Many Adventures of Winnie the Pooh</li>
        <li>Splash Mountain</li>
        <li>Davey Crockett's Explorer Canoes</li>
        <p id="group">Shopping and Commemorative Keepsakes</p>
        <li>Pooh Corner</li>
        <li>The Briar Patch</li>
        <p id="group">Dining</p>
        <li>Hungry Bear Restaurant</li>
        <li>Harbour Galley</li>
        </div>
      </section>
       <section class="main-section" id="New_Orleans_Square">
         <header">New Orleans Square</header>
        <div>
        <p id="group">Rides and Attractions</p>
        <li>Pirates of the Carribbean</li>
        <li>Haunted Mansion</li>
        <p id="group">Dining</p>
        <li>Blue Bayou Restaurant</li>
        <li>Cafe Orleans</li>
        <li>Royal Street Veranda</li>
        <li>French Market Restaurant</li>
        <li>Mint Julep Bar</li>
        </div>
      </section>
      <section class="main-section" id="Fantasyland">
        <header>Fantasyland</header>
        <div>
        <p id="group">Rides and Attractions</p>
        <li>Peter Pan's Flight</li>
        <li>Snow White's Enchanted Wish</li>
        <li>"it's a small world"</li>
        <li>Mad Tea Party</li>
        <li>Alice In Wonderland</li>
        <li>Dumbo the Flying Elephant</li>
        <li>Matterhorn Bobsleds</li>
        <li>Mr. Toad's Wild Ride</li>
        <li>Casey Jr Circus Train</li>
        <li>Pinocchio's Daring Journey</li>
        <p id="group">Characters and Entertainment</p>
        <li>Storytelling at Royal Theatre</li>
        <li>Meet Disney Princesses at Royal Hall</li>
        <li>Tale of the Lion King</li>
        <p id="group">Dining</p>
        <li>Red Rose Taverne</li>
        <li>Maurice's Treats</li>
        <li>Edelweiss Snacks</li>
        <li>Troubadour Tavern</li>
        <p id="group">Shopping and Commemorative Keepsakes</p>
        <li>Fairy Tale Treasures</li>
        <li>The Mad Hatter</li>
        </div>
      </section>
      <section class="main-section" id="Frontierland">
        <header>Frontierland</header>
        <div>
        <p id="group">Rides and Attractions</p>
        <li>Big Thunder Mountain Railroad</li>
        <li>Fantasmic!</li>
        <li>Mark Twain Riverboat</li>
        <li>Pirate's Lair on Tom Sawyer Island</li>
        <li>Sailing Ship Columbia</li>
        <p id="group">Dining</p>
        <li>Rancho Del Zocalo Restaurante</li>
        <li>The Golden Horseshoe</li>
        <li>River Belle Terrace</li>
        <li>Stage Door Cafe</li>
        <p id="group">Shopping and Commemorative Keepsakes</p>
        <li>Westward Ho Trading Company</li>
        <li>Pioneer Mercantile</li>
        </div>
      </section>
      <section class="main-section" id="Tomorrowland">
        <header>Tomorrowland</header>
        <div>
        <p id="group">Rides and Attractions</p><code>
        <li>Space Mountain</li>
        <li>Buzz Lightyear Astro Blasters</li>
        <li>Star Tours- The Adventures Continue</li>
        <li>Autopia</li>
        <li>Finding Nemo Submarine Voyage</li>
        <li>Astro Orbiter</li></code>
        <p id="group">Shopping and Commemorative Keepsakes</p>
        <code>
        <li>The Star Trader</li>
        <li>Little Green Men Store Command</li>
        <p id="group">Dining</p><code>
        <li>Tomorrowland Skyline Lounge</li>
        <li>Galactic Grill</li>
        <li>Alien Pizza Planet</li></code>
        </div>
      </section>
      <section class="main-section" id="Star_Wars:_Galaxy's_Edge">
        <header>Star Wars: Galaxy's Edge</header>
        <div>
        <p id="group">Rides and Attractions</p><code>
        <li>Millenium Falcon: Smugglers Run</li>
        <li>Star Wars: Rise of the Resistance</li>
</code>
        <p id="group">Shopping and Commemorative Keepsakes</p> <code>
        <li>Savi's Workshop</li>
        <li>Droid Depot</li>
        <li>Dok-Ondar's Den of Antiquities</li>
        <li>First Order Cargo</li>
        </code>
         
        <p id="group">Dining</p>
        <code>
        <li>Milk Stand</li>
        <li>Ronto Roasters</li>
        <li>Oga's Cantina</li>
        </code>
        </div>
      </section>
    
      </main>
      </body>
  </html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hi, welcome to the forum.

Your header and nav opening tags and closing tags are not matching up.
Make the nav nested in the header so its opening and closing are both inside the header element.

Also this is a link to an html validator you can use to help you identify syntax errors in the code. (you have some to fix)

Just paste your html into it and try to fix as many errors as possible.

Thank you! It was actually a stray quote that was in one of the headers that was tripping up the code check, but this is SO helpful for me to catch some of the syntax that I need to get better at knowing the in’s and out’s of. Thank you again!

1 Like