title: Setting the background in reactJS
body: <p>i'm new to ReactJs and my question may seem stupid to many of you, but i have a problem with setting the background. My React code  is: </p>
  
  <pre><code>&lt;header className="masthead ttt"&gt;
            &lt;div className="overlay"&gt;&lt;/div&gt;
            &lt;div className="container"&gt;
              &lt;div className="row"&gt;
                &lt;div className="col-lg-8 col-md-10 mx-auto"&gt;
                  &lt;div className="site-heading"&gt;
                    &lt;h1&gt;Blog Name&lt;/h1&gt;
                    &lt;span className="subheading"&gt;blablablablabla&lt;/span&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/header&gt; 
  </code></pre>
  
  <p>So basically i'm trying to set an image as background in my header , so i created a class .ttt and modified it to my css that way : </p>
  
  <pre><code>.ttt{
    background-image: url("../img/home-bg.jpg");
  }
  </code></pre>
  
  <p>And finally here's the way the folders are set :</p>
  
  <p><a href="https://i.stack.imgur.com/QU432.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QU432.png" alt="enter image description here"></a></p>
  
  <p>Am i doing anything wrong in my code ? Or there's another way of doing things in ReactJS! 
  Thanks!</p>