Build an Event Hub - Build an Event Hub

HTML-CSS
1

Hi,
I finished the project but it still shows an error.
I don’t know what’s wrong.
Can someone help me please?

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">
    <h2>Upcoming Events</h2>
    <article>
      <h3>Tech Future Conference 2025</h3>
      <p>Join us for a full-day event with talks from industry leadrs in AI, cebersecurity, and app development.<br /><strong>DATE:</strong><time datetime="2025-8-22">August 22, 2025</time></p>
    </article>
    <article>
      <h3>Startup Pitch Night</h3>
      <p>An evening for rising entrepreneurs to showcase their innovative projects to investors and mentors.<br /><strong>DATE:</strong><time datetime="2025-9-5">September 5, 2025</time></p>
    </article>
  </section>
  <section id="#past-events">
    <h2>Past Events</h2>
    <article>
      <h3>Cybersecurity Awareness Week</h3>
      <p>A week-long serise of workshops and webinars to help individuals and businesses protect their digital assets.<br /><strong>DATE:</strong><time datetime="2025-5-10">May 10</time> - <time datetime="2025-5-15">May 15</time></p>
      <img src="https://africaconnect3.net/cybersecurity-workshop-4-nov-2021/" alt="Cybersecurity workshop attendees">
     </article>
     <article>
       <h3>Mobile App Desing Bootcamp</h3>
       <p>Hands-on training on designing mobile apps using modren UI/UX principles and prototyping ttols.<br /><strong>DATE:</strong><time datetime="2025-4-3">April 3</time> - <time datetime="2025-4-7">April 7</time>
        <img src="https://ignitehubmc.com/event/bootcamp-series-part-2-intro-to-mobile-app-desing-bootcamp-2/" alt="Students designing mobile apps">
       </article>
   </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/138.0.0.0 Safari/537.36

Challenge Information:

Build an Event Hub - Build an Event Hub

2

Welcome to the forum :wave:

What error?

Which line of code satisfies the requirement?

3

Hi,
Here are the errors I received, as you asked.
I honestly don’t know why they’re showing up because I double-checked everything and it all seems correct.

    1. Your first section element should have an id attribute with the value upcoming-events.

  • Failed:15. Your second section element should have an id attribute with the value past-events.

  • Failed:16. Inside the #upcoming-events section, you should have an h2 element with the text Upcoming Events.

  • Failed:17. Inside the #upcoming-events section, you should have two article elements below the h2 element.

  • Failed:18. Both of the article elements inside the #upcoming-events section should have an h3 element for the event title.

  • Failed:19. Both of the article elements inside the #upcoming-events section should have a paragraph element for the event description.

  • Failed:20. Inside the #past-events section, you should have an h2 element with the text Past Events.

  • Failed:21. Inside the #past-events section, you should have two article elements below the h2 element.

  • Failed:22. Both of the article elements inside the #past-events section should have an h3 element for the event title.

  • Failed:23. Both of the article elements inside the #past-events section should have a paragraph element for the event description.

  • Failed:24. Both of the article elements inside the #past-events section should have an image element.

  • Failed:25. Both of the image elements inside the #past-events section should have the src attribute pointing to an image file.

  • Failed:26. Both of the image elements inside the #past-events section should have the alt attribute with a description of the image.

*Hi,
I updated the image links and made sure everything is correct.
But the same error is still showing — nothing changed.
Not sure what else to try.

4

It looks like you may be confusing the syntax for setting a URL fragment inside an a element and setting an id attribute.

Does this help clarify?

HTML Id Attribute - GeeksforGeeks

5

I hope @fcc4b6d10c4-b540-4e2 's comment helps you out, but in the future I would suggest focusing on the first failed test and solving that.

In this case it looks like it could be that one error that’s causing all the problems.

I can see how it’s a bit confusing that the instructions refer to the #hashtag id syntax. There’s more about that here as well: https://www.freecodecamp.org/learn/full-stack-developer/lecture-html-fundamentals/what-are-ids-and-classes

1 Like
6

That fixed it!
Removing the # from the id made the whole section pass — all the errors are gone now.
Thanks a lot!

1 Like