Build an Event Hub - Build an Event Hub

HTML-CSS
1

Tell us what’s happening:

I cant figure out whats wrong, test tells me it’s missing the image with the src and alt attribute.
On my Preview looks everything fine and i allready checked on html validator with no errors.

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></ul>
            <ul>
            <li><a href="#past-events">Past Events</a></li></ul>
        </nav>
    </header>
    
    <main>
        <section id="upcoming-events">
            <h2>Upcoming Events</h2>
            <article>
               <h3>AI & Machine Learning Conference 2024</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: June 15, 2024 </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 for both beginners and experienced developers.</p>
               
               <p>Date: September 5, 2024 </p>
            </article>
        </section>

        <section id="past-events">
            <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: June 15, 2024</p> 
            </article>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="past-event1">
            <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: July 20, 2024</p>
        <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="past-event2"> 

            </article>
        </section>
    </main>    
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Challenge Information:

Build an Event Hub - Build an Event Hub

2

The test tells you more than that.

// running tests
24. Both of the article elements inside the #past-events section should have an image element.
25. Both of the image elements inside the #past-events section should have the src attribute pointing to an image file.
26. Both of the image elements inside the #past-events section should have the alt attribute with a description of the image.
// tests completed

Read the first one:

  1. Both of the article elements inside the #past-events section should have an image element.

Is there an img element inside both of those article elements?

Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

1 Like
3

Fixed it, thank you for the advice.

1 Like