title: problem about css background image and fonts with hosting
body: <p>i just recently finish to code my first website and i want to host it.
  i succeed to upload it on webhost but i have a css problem.
  on the local it looks like that
  <a href="https://i.stack.imgur.com/whRmd.jpg" rel="nofollow noreferrer">website in localhost</a></p>
  <p>but on the website it looks like that
  <a href="https://i.stack.imgur.com/zV8Ol.png" rel="nofollow noreferrer">website in hosting</a></p>
  <p>we can clearly see that only a part of the css works
  the background image and the fonts is not working.</p>
  <p>in the console network we can see that the link for the background-image link is not correct <a href="https://i.stack.imgur.com/8crsP.png" rel="nofollow noreferrer">here is a picture of the error</a></p>
  <p>so the link in the console is /assets/css/img/1364.webp but it should be /assets/img/1364.webp</p>
  <p>So the first think I did, is to check the link in the css</p>
  <p>here is a part of the css code</p>
  <pre><code>body {
    background: url('../img/1364.webp') ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
  }
  </code></pre>
  <p>We can see the url begins with &quot;../&quot; so normally it should go back from one folder so go into the assets folder where you can find several stuff like img folder.
  but it's not working at all.</p>
  <p>this is how i organise the folder <a href="https://i.stack.imgur.com/UPvBR.png" rel="nofollow noreferrer">picture of the folder</a></p>
  <p>i try a lot of things like :
  change the path
  change the background-image
  ...
  but always the same problem.
  I only talk about the background image but the font is the same error.
  because i'm a beginner i am completly lost and i hope it was clear to understand
  thanks</p>