Build an Event Hub - Build an Event Hubevent hub error

HTML-CSS
1

hi. so got two links, and the second one is just before the headings. should i take that out. or does the navigation links take care of that. first time doing skip to links. any ideas.
marvin..hi. got two links, should i take out the <a href # link just before the headings, or does the navigation links take care of that and jumps to sections on the page. first time doing the skip to links.
marvin.### Tell us what’s happening:
hi doing the event hub and only got one error. cannot seem to figure that out. so will paste the error below and my code. what am i doing wrong.

Your code so far

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Event Hub</title>
    </head>
    <body>
<header>
    <h1>Event Hub</h1>
    <nav>
        <ul>
            <li><a href="#upcoming-events">Upcoming Events</a></li>
<li><a href="#past-events">Past Events</a></li>
        </ul>
    </nav>
</header>
<main>
    <section id="upcoming-events">
        <a href="#upcoming-events" id="upcoming-events">Upcoming Events</a>
    <h2>Upcoming Events</h2>
    <article>
        <h3>AI & Machine Learning Conference</h3>h3>
<p>Join us for a deep dive into the latest advancements in artificial intelligence and machine learning. Industry leaders will share insights and case studies on how AI is transforming various sectors.</p>
<p>Date: <date datetime="10-08-2024">August 10, 2024</date></p>
    </article>
    <article>
        <h3>Web Development Bootcamp</h3>
        <p>A hands-on workshop designed for developers looking to enhance their skills in modern web technologies including React,Node.js, and GraphQL. Perfect or both beginners and experienced developers.</p>
        <p>Date: <date datetime="5-09-2024">September 5, 2024</date></p>
    </article>
    <article>
        </article>
        </section>
        <section id="past-events">
            <a href="#past-events" id="past-events">Past Events</a>
                <h2>Past Events</h2>
                <article>
        <h3>Cybersecurity Summit 2024</h3>
        <p>An event focusing on the latest trends and threats in cybersecurity. Experts discussed strategies for protecting data and ensuring privacy in an increasingly digital world.</p>
        <p>Date: <date datetime="15-06-2024">June 15, 2024</date></p>
<img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="Image from Cybersecurity Summit 2024"> />
    </article>
    <article>
        <h3>Blockchain Expo 2024</h3>
        <p>A comprehensive event covering the future of blockchain technology. Topics included decentralized finance (DeFi), smart contracts, and the impact of blockchain on various industries.</p>
        <p>Date: <date datetime="24-07-2024">July 24, 2024</date></p>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="Image from Blockchain Expo 2024" />
            </article>
</main>
    </body>
</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Event Hub</title>
</head>

<body>

</body>

</html>

Your browser information:

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

Challenge Information:

Build an Event Hub - Build an Event Hub
https://www.freecodecamp.org/learn/full-stack-developer/lab-event-hub/lab-event-hub hi. doing the event hub web page. now only got one error. cannot seem to figure this out. so will paste the error and my code. what am i doing wrong. or where am i going wrong. looked at my code. and now can any one offer any suggestion. totally blind and use the jaws for windows screen reader. so will paste the test error and the code below.
almost got it working 99%
marvin.
Failed:17. Inside the #upcoming-events section, you should have two article elements below the h2 element.

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Event Hub</title>
    </head>
    <body>
<header>
    <h1>Event Hub</h1>
    <nav>
        <ul>
            <li><a href="#upcoming-events">Upcoming Events</a></li>
<li><a href="#past-events">Past Events</a></li>
        </ul>
    </nav>
</header>
<main>
    <section id="upcoming-events">
        <a href="#upcoming-events" id="upcoming-events">Upcoming Events</a>
    <h2>Upcoming Events</h2>
    <article>
        <h3>AI & Machine Learning Conference</h3>h3>
<p>Join us for a deep dive into the latest advancements in artificial intelligence and machine learning. Industry leaders will share insights and case studies on how AI is transforming various sectors.</p>
<p>Date: <date datetime="10-08-2024">August 10, 2024</date></p>
    </article>
    <article>
        <h3>Web Development Bootcamp</h3>
        <p>A hands-on workshop designed for developers looking to enhance their skills in modern web technologies including React,Node.js, and GraphQL. Perfect or both beginners and experienced developers.</p>
        <p>Date: <date datetime="5-09-2024">September 5, 2024</date></p>
    </article>
    <article>
        </article>
        </section>
        <section id="past-events">
            <a href="#past-events" id="past-events">Past Events</a>
                <h2>Past Events</h2>
                <article>
        <h3>Cybersecurity Summit 2024</h3>
        <p>An event focusing on the latest trends and threats in cybersecurity. Experts discussed strategies for protecting data and ensuring privacy in an increasingly digital world.</p>
        <p>Date: <date datetime="15-06-2024">June 15, 2024</date></p>
<img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="Image from Cybersecurity Summit 2024"> />
    </article>
    <article>
        <h3>Blockchain Expo 2024</h3>
        <p>A comprehensive event covering the future of blockchain technology. Topics included decentralized finance (DeFi), smart contracts, and the impact of blockchain on various industries.</p>
        <p>Date: <date datetime="24-07-2024">July 24, 2024</date></p>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="Image from Blockchain Expo 2024" />
            </article>
</main>
    </body>
</html>
2

hi. maybe the mods can clean up the post. sorry about the error. so getting there.
marvin.

3

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

4

The problem is that it’s looking for two article tags that match a pattern that the user story describes. You have a “Lone Ranger” out there with the tag of <article></article>. See if you can wrangle it in and remove it from the HTML hierarchy.

5

inside #upcoming-events you have a third empty article element, can you manage to remove that?