title: Getting a 404 for css in Express
body: <p>My folder structure is something like this:</p>
  <ul>
  <li>app
  <ul>
  <li>controller</li>
  <li>routes</li>
  <li>app.js</li>
  </ul>
  </li>
  </ul>
  <p>Within my controller folder, I have</p>
  <ul>
  <li>controller
  <ul>
  <li>sites folder
  <ul>
  <li>index.html</li>
  <li>style.css</li>
  </ul>
  </li>
  <li>controller.js</li>
  </ul>
  </li>
  </ul>
  <p>Here is my Controller.js
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const express = require('express');
  
  app = express();
  app.use(express.static('../site'));
  module.exports= {
  
    index : (req, res, next)=&gt;{
      res.status(200);
      res.sendFile(__dirname + '\\site\\index.html');
    }
  };</code></pre>
  </div>
  </div>
  </p>
  <p>And here is my index.html:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Template&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
    
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>When I run the server and do a GET request, Express gives a 404 on the CSS file. Where am I going wrong?</p>