title: Image not showing up JavaScript
body: <p>I am in the process of creating an ecommerce website in JavaScript I can't figure out why my image isn't showing up in my localhost.</p>
  <p>All of my images are located in an images file which in turn is located in my src.</p>
  <p>I can't seem to figure out what I'm doing wrong and can't seem to find similar issues.</p>
  <pre><code>import React from &quot;react&quot;;
  import &quot;./App.css&quot;;
  import Header from &quot;./Header&quot;;
  
  function App() {
    return (
      //BEM
      &lt;div className=&quot;app&quot;&gt;
        &lt;h1&gt;test&lt;/h1&gt;
        &lt;Header /&gt;
        {/*Home*/}
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <pre><code>import React from &quot;react&quot;;
  import &quot;./Header.css&quot;;
  
  function Header() {
    return (
      &lt;div className=&quot;header&quot;&gt;
        &lt;img className=&quot;header__logo&quot; src=&quot;images/nat6.jpg&quot; alt=&quot;logo&quot; /&gt;
        &lt;div className=&quot;header__search&quot;&gt;
          &lt;input className=&quot;header__searchInput&quot; type=&quot;text&quot; /&gt;
          {/*Logo*/}
        &lt;/div&gt;
        &lt;div className=&quot;header__nav&quot;&gt;
          &lt;div className=&quot;header__option&quot;&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Hello Guest&lt;/span&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Sign In&lt;/span&gt;
          &lt;/div&gt;
          &lt;div className=&quot;header__option&quot;&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Returns&lt;/span&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Orders&lt;/span&gt;
          &lt;/div&gt;
          &lt;div className=&quot;header__option&quot;&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Premium&lt;/span&gt;
            &lt;span className=&quot;header__optionLineOne&quot;&gt;Services&lt;/span&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default Header;
  </code></pre>