html_structure.js

// This is how the html structure should look like after you create it with javascript, DO NOT MAKE CHANGES TO THIS FILE


<div id="news-container">
        {/* This is the feature section */}
        <div class="featured-article">
          <article class="news-card featured">
            <img class="news-image" src="https://images.unsplash.com/photo-1677442136019-21780ecad995" alt="GPT-5 Announcement: OpenAI Reveals Next-Generation AI Model">
            <div class="news-content">
              <span class="featured-label">Featured Story</span>
              <h2 class="news-title">GPT-5 Announcement: OpenAI Reveals Next-Generation AI Model</h2>
              <div class="news-date">March 14, 2024</div>
              <p class="news-excerpt">OpenAI's latest language model demonstrates unprecedented reasoning capabilities and achieves human-level performance across various domains.</p>
              <span class="tag">Artificial Intelligence</span>
            </div>
          </article>
        </div>

      {/* This is the news grid with the news card nested */}
      <div class="news-grid">
        <article class="news-card">
          <img class="news-image" src="https://images.unsplash.com/photo-1541185933-ef5d8ed016c2" alt="SpaceX Successfully Launches New Satellite Constellation">
          <div class="news-content">
            <h2 class="news-title">SpaceX Successfully Launches New Satellite Constellation</h2>
            <div class="news-date">March 13, 2024</div>
            <p class="news-excerpt">Starship completes its most ambitious mission yet, deploying 50 satellites in a single launch and advancing global internet coverage goals.</p>
            <span class="tag">Space Tech</span>
          </div>
        </article>
      </div>
</div>