HTML HTML Basics Going Further with HTML Linking to Sections of a Web Page

I'm not understanding why my articles section is not working but About and Contact does, can you help me why? My code

<nav> <ul> <li><a href="../index.html">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#articles">Articles</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </header>

      <div>
       <img src="img/featured.jpg" alt="Virtual reality user">
       <p><strong>Virtual Reality</strong> is becoming well known as a form of entertainment, but it's also finding its way into fields like education, industrial design, healthcare and so much more.</p>
        <a href="https://teamtreehouse.com/tracks" target="_blank">Start Your VR Journey</a>
      </div>
      <main>
      <section id="about">
        <h2>About this Site</h2>
  <p><span>Lorem ipsum dolor sit amet</span>, consectetur adipiscingdelit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>

        <figure>
        <img src="img/vr-space.jpg" alt="User experiencing space in VR"> 
          <figcaption>
            Virtual reality users can explore faraway places as though they are right in the middle of the action
          </figcaption>
        </figure>
      </section>

    <section id="articles">
      <h2>Latest VR Articles</h2>

   <article>
     <header>
     <h3>How Schools Use Virtual Reality to Improve Education</h3>
       <p>By: Nick Bowen</p>
       </header>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
      <a href="articles/2017/article.html">Read more</a>
     <footer>Published: June 12th 2017</footer>
      </article>

      <article>
        <header>
     <h3>The Advantages of VR Simulation</h3>
          <p>By: Author McAuthur</p>
          </header>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
      <a href="articles/2017/article.html">Read more</a>
        <footer>Published: June 19th 2017</footer>
        </article>
        </section>
     <section id="contact">
        <h2>Contact</h2>
        <p><strong>Email:</strong> us at coolvrexperience@gmail.com</p>
        <p><strong>Phone:</strong>555.123.4567</p>
        <p><strong>Address</strong></p>
        <address>                   
        Experience VR<br />
        2017 Virtual Way<br />
        City, State 33437
        </address>
        </section>
      </main>
     <aside>
   <h3>Top VR Resources</h3>
    <ol>
      <li>Learn to create educational experiences in VR</li>
      <li>Virtual Reality in Entertainment</li>
      <li>Interact with buildings and products in VR</li>
      <li>Use VR for teleconferencing and socal media</li>
      </ol>
Steven Parker
Steven Parker
202,065 Points

The articles are clearly displayed on the page, and clicking the navigation link takes the cursor to them.
Can you explain what you mean by "not working"?

1 Answer

Tayirimirwa Magwaro
Tayirimirwa Magwaro
6,224 Points

Your <section id="articles"><section>, you must nest the elements inside of section tags. That's all!!!