Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Going Further with HTML Working on a Website Project Locally

Dante Vigiletti
seal-mask
.a{fill-rule:evenodd;}techdegree
Dante Vigiletti
Front End Web Development Techdegree Student 1,448 Points

I made the exact same changes in atom as Guil, however they do not reflect on my browser.

I made the exact same changes as in the video, but no changes are shown when i open my index.html or article web page from atom onto my web browser.

Dante Vigiletti
seal-mask
.a{fill-rule:evenodd;}techdegree
Dante Vigiletti
Front End Web Development Techdegree Student 1,448 Points

<!DOCTYPE html> <html> <head> <title>VR article</title> </head>

<body> <div> <header> <h1>VR in the real world</h1> <p>An article virtual reality experiences.</p>

   <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> <p>Virtual reality is pretty cool.</p> <a href="https://espn.com" target="_blank">Start Your VR Journey</a> </div>

  <main>
      <section>
        <h2>Article topic</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>
      </section>

      <section>
        <h2>Latest VR articles</h2>

        <article id="vr-article">
          <header>
            <h3>How schools use Virutal Reality to improve education</h3>
            <p>By: Nick Pettit</p>
           </header>

           <img src="../../img/vr-user.jpg" alt="user trying a vr headset">

          <p>This is a paragraph about how schools use VR</p>
          <a href="articles/article.html">Read More</a>
          <footer>Published: June 12, 2017</footer>
        </article>

        <article>
          <header>
            <h3>The Advantages of using VR Simulation</h3>
            <p>By: Author Mcauthorface</p>
           </header>
          <p>this is a paragraph about the advantages of VR</p>
          <a href="articles/article.html">Read More</a>
          <footer>Published June 19, 2017</footer>
        </article>
      </section>

      <section>
          <h2>Contact</h2>
          <p>email us at coolvrexperience@gmail.com</p>
      </section>
    </main>



  <footer>
    <p>&copy;2017, Experience VR, The Blog</p>
  </footer>
</div>

</body> </html>

2 Answers

Tony B
seal-mask
.a{fill-rule:evenodd;}techdegree
Tony B
Front End Web Development Techdegree Student 10,702 Points

Ah, it should be:

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

Hello Dante i have the same problem did you find any solution for it ?

Hi, I am having same issue, I saved whatever changes I made in atom but it doesn't reflect in browser. Any help is appreciated. Thank you