Build a tribute page - Your #img-div, #image, #img-caption, #tribute-info, and #tribute-link should all be descendants of #main

I cant seem to figure out what the problem with my code is. I’ve found similar posts but none of them had the answers I was looking for. If anyone could help I would really appreciate it! Thanks…

Here’s my code:

<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <main id="main">
  <title>Tribute — Serj Tankian</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <header class="hero">
      <div class="hero-inner">
        <h1 id="title">Serj Tankian</h1>
        <p class="subtitle">Musician · Vocalist · Composer · Activist</p>
      </div>
    </header>


<section id="tribute-info" class="card">
  <figure id="img-div">
    <img id="image" src="https://en.wikipedia.org/wiki/File:Serj_Tankian_in_Artsakh_(cropped).jpg" alt="Serj Tankian portrait" />
    <figcaption id="img-caption">Serj Tankian — performing and composing across genres.</figcaption>
  </figure>

  <article id="tribute-description">
    <h2>About</h2>
    <p>
      Serj Tankian is an Armenian-American musician, best known as the lead vocalist of System of a Down. He was born in Beirut, Lebanon on August 21, 1967 and later moved with his family to Los Angeles, where he and future bandmates attended the same Armenian school. 0
    </p>

    <h3>Why he matters</h3>
    <p>
      Tankian is celebrated for his unique voice, wide vocal range, and genre-blending songwriting — moving between alternative metal, progressive and classical influences. He has released multiple albums with System of a Down and a substantial solo discography that includes orchestral and experimental works. 1
    </p>

    <h3>Notable solo albums</h3>
    <ul>
      <li><strong>Elect the Dead</strong> (2007) — breakthrough solo record.</li>
      <li><strong>Imperfect Harmonies</strong> (2010)</li>
      <li><strong>Harakiri</strong> (2012)</li>
      <li><strong>Orca</strong> (2013)</li>
      <li><strong>Elect the Dead Symphony</strong> (2010) — orchestral live reimagining.</li>
    </ul>
    <p class="small-note">Full discography &amp; album pages: official site. 2</p>
  </article>
</section>

<section id="timeline" class="card">
  <h2>Timeline</h2>
  <ol>
    <li><strong>1967:</strong> Born in Beirut, Lebanon. 3</li>
    <li><strong>1994:</strong> System of a Down forms (Tankian as lead vocalist).</li>
    <li><strong>2000s:</strong> Critical success with System albums (e.g., Toxicity).</li>
    <li><strong>2007:</strong> Releases solo album <em>Elect the Dead</em>.</li>
    <li><strong>2010:</strong> <em>Elect the Dead Symphony</em> — orchestral adaptation and tour.</li>
    <li><strong>2024–2025:</strong> Continued solo work, releases, and public projects (see official site for latest). 4</li>
  </ol>
</section>

<section id="activism" class="card">
  <h2>Activism & Other Work</h2>
  <p>
    Tankian co-founded Axis of Justice with Tom Morello and has long been vocal on human rights, especially Armenian genocide recognition and other social issues. His activism runs alongside his music career. 5
  </p>

  <p>
    He also founded the Serjical Strike label and has experimented with digital art exhibits and multimedia projects. 6
  </p>
</section>

<section id="quote" class="card">
  <h2>Quote</h2>
  <blockquote>
    "Music is the medium I use to tell stories — both personal and political — and to try to connect with other people."  
    <footer>— Serj Tankian</footer>
  </blockquote>
</section>

<section id="links" class="card">
  <h2>Learn More / Sources</h2>
  <ul>
    <li><a href="https://en.wikipedia.org/wiki/Serj_Tankian" target="_blank" rel="noopener">Wikipedia — Serj Tankian</a>. 7</li>
    <li><a href="https://serjtankian.com" target="_blank" rel="noopener">Official site — SerjTankian.com</a>. 8</li>
    <li><a href="https://pitchfork.com" target="_blank" rel="noopener">Pitchfork news (memoir &amp; announcements)</a>. 9</li>
    <li><a href="https://time.com" target="_blank" rel="noopener">TIME — articles on activism &amp; performances</a>. 10</li>
  </ul>
</section>

<footer class="footer">
  <p>Tribute page created for learning / fan purposes.</p>
</footer>


</main>
</body>
</html>

The starting tag for your main element is inside the head element. Where should it be instead?

1 Like