Build an Event Hub - Build an Event Hub

HTML-CSS
1

Tell us what’s happening:

These are the steps I am stuck with

  1. Both of the article elements inside the #past-events section should have a paragraph element for the event description.
  2. Both of the article elements inside the #past-events section should have an h3 element for the event title.
  3. Each h3 element should have the event title.
  4. Each p element should have the event description.

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Event Hub</title>
</head>
<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> </h3>
<p>

    </p>
    </article>

<article>
<h3> </h3>

<p>

    </p>
    </article>
            </section>
<section id="past-events">
<h2>Past Events<h2>
    <h3 title="Event">The Beginning</h3>
    <article>
       
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event1.jpg" alt="an old computer"> 
        </article>
        <h3 title="Event">The Network</h3>
    <article>
    
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
   <img src="https://cdn.freecodecamp.org/curriculum/labs/past-event2.jpg" alt="a photo of cubes"> 
        </article>
    </section>

        </main>
<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/135.0.0.0 Safari/537.36 Edg/135.0.0.0

Challenge Information:

Build an Event Hub - Build an Event Hub

2

Each one should be inside an <article> element.

try to fix the issue here.

They’re not supposed to be empty.

Each h3 element should have the event title.

Each p element should have the event description.

3

thanks for the help I appreciate it..

1 Like