Build an Event Hub - Build an Event Hub

HTML-CSS
1

Tell us what’s happening:

My work kept getting erased, so this time, the third time, I used copilot to help and it was a big mistake. it screwed up step 19 and I cant figure out whats wrong. the first couple of times I did it on my own it passed step 19, but it wont this time. I checked the code myself and dont see the issue.

Your code so far

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Event Hub</title>
    <style>
        .event-img {
            width: 300px;
            height: auto;
        }
    </style>
</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>Beach Party</h3>
                <img src="https://static.vecteezy.com/system/resources/previews/029/332/645/large_2x/ai-generative-young-tourist-woman-in-summer-dress-and-hat-standing-on-beautiful-sandy-beach-cute-girl-enjoying-free-photo.jpg" alt="Beach party event" class="event-img">
                <p>This is an upcoming event description.</p>
            </article>

            <article>
                <h3>Summer Music Festival</h3>
                <img src="https://th.bing.com/th/id/R.0c026b153cd90a2bede593ddc922b0d6?rik=ES04pKD%2f3lE%2bZQ&riu=http%3a%2f%2fmedia.istockphoto.com%2fphotos%2fsilhouettes-of-diverse-multiethnic-people-partying-picture-id500173981%3fk%3d6%26m%3d500173981%26s%3d612x612%26w%3d0%26h%3d6hi_mzhmBEKgC-UaUyW4i8_eJKkSfydnKaLXWWQ-CvY%3d&ehk=EDIhFr1QzjMTuYQ3DrwigsSA2csq5rOumSWm1NToeyM%3d&risl=&pid=ImgRaw&r=0" alt="Summer music festival event" class="event-img">
                <p>This is an upcoming event description.</p>
            </article>
        </section>

        <section id="past-events">
            <h2>Past Events</h2>

            <article>
                <h3>Winter Gala</h3>
                <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="Winter Gala event" class="event-img">
                <p>This is a past event description.</p>
            </article>

            <article>
                <h3>Championship Tournament</h3>
                <img src="https://as2.ftcdn.net/v2/jpg/00/94/07/27/1000_F_94072733_9wU5Us0TmcF0TehWJk8bYjNOmBw7nk0n.jpg" alt="Championship tournament event" class="event-img">
                <p>This is a past event description.</p>
            </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/135.0.0.0 Safari/537.36 Edg/135.0.0.0

Challenge Information:

Build an Event Hub - Build an Event Hub
https://www.freecodecamp.org/learn/full-stack-developer/lab-event-hub/lab-event-hub

2
  1. Both of the article elements inside the #upcoming-events section should have a paragraph element for the event description.
4
  1. Inside the #upcoming-events section, you should have:
  • An h2 element with the text Upcoming Events.
  • Two article elements. Each article should represent an event, and it should have :
    • An h3 element for the event title.
    • A p element for the event description. You can add a date at the bottom if you like.

You have added more than what was asked.

7

no, the friend with the uuid username is quoting the exact user story to double check, confront that with your code

8

My code matches the user story exactly for the “#upcoming-events” section—each article includes an h3 and a p, and I added images for clarity, which I understood to be optional enhancements.

I don’t recall that being the issue though.

9

the images were an issue when you opened this topic, now the tests should have been updated to allow the images in between

10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.