I am not sure why my links are not working. I have coded the id attribute like how it is but its giving me error

hello everyone, I'm sorry if i have taken your time. But would like to ask for help as anything in my code that i have input gives me an error 404 that The requested URL was not found on this server. I have done what was said in the video but its not working. I wonder what went wrong.

<header> <h1>Experience VR</h1> <p>A simple blog about virtual reality experiences</p>

     <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> 
  </header>

as you can see my id is also set properly.

<section id="about"> <h2>About the site</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> <figure> <img src="img/vr-space.jpg" alt="User experiencing space in VR"> <figcaption>Virtual Reality users can explore far away spaces and feel as though they are right in the middle of the ation</figcaption> </figure> </section>

    <section id="articles">
      <h2> Latest VR Aricles</h2>
      <article>
        <header>
          <h3>How schools use virtual reality to improve education</h3>
          <p>by: Nick Pettit</p>
        </header>

and also my image displays as broken image.

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

I thank you in advance for your time and guidance. Have a nice day