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

2
  1. Both of the article elements inside the #upcoming-events section should have a paragraph element for the event description.
3

all of my artical elemts have filled

elements, and they all have openings and closings

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.

5

Are you talking about the style element in the head element? That doesnt seem to make a diffence. The first time I created this project I did the same thing and it passed step 19. I also tried resting the whole projecting, then re-adding the same code without the
style element

6

at this point im ready to just start it over straight from scratch. I should have never even tried using copilot…

7

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