I have the following folder structure

>My_Project  
 >Data  
 >node_modules  
 >public    
  >img    
  >js    
  >styles    
  >views 
>server.js
>package.json

From server.js routes/redirects to index.js (located in /public/JS folder)
From index.js (located in /public/JS folder) loads index.js (located in /public/views). This is basically and HTML file with an .ejs extension. This file also has a link to the CSS file which. The CSS is located in /public/styles

But, when the page loads the CSS is not considered and browser (using EDGE browser currently) shows an error "because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled."

What is the correct way to fix this issue and the best practice.

My goal is the have a 1 single page using either frames (old school - not recommended but just want to try!!) or div and load the respective pages accordingly.