title: css not loading property using express .ejs nodejs
body: <p>Good evening everyone, </p>
  
  <p>I would appreciate any help.</p>
  
  <p>I got these two routes:</p>
  
  <pre><code>app.get('/', function(req,res){
  
          res.render('index');
  });
  
  app.get('/registration/add', function(req,res){
  
          res.render('clientRegistration');
  });
  </code></pre>
  
  <p>and this is part of the server:</p>
  
  <pre><code>app.use( express.static(path.join( __dirname, './client/static/')));
  app.use(body_parser.urlencoded());
  app.set( "views", path.join(__dirname, "./client/views/"));
  app.set( "view engine", 'ejs');
  </code></pre>
  
  <p>Directory is:</p>
  
  <pre><code>MyApp/
      client/
          static/
              registration.css
              styles.css
          views/
              index.ejs
              clientRegistration.ejs
  </code></pre>
  
  <p>On my index.ejs, I have: 
      link rel="stylesheet" type="text/css" href="styles.css" which loads the .css file perfectly. But when I click the link:
      a href="/registration/add"> on index.ejs, 
  it takes me to the clientRegistration.ejs page but the registration.css does not load even though I have:
      link rel="stylesheet" type="text/css" href="registration.css"</p>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks for your time.</p>