title: Refused to apply style because MIME type is not supported
body: <p>I keep getting an error that says that the MIME type ('text/html') isn't executable or not a supported stylesheet MIME type and that strict MIME checking is enabled.</p>
  
  <p><a href="https://i.stack.imgur.com/pGeUL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pGeUL.png" alt="Error shown"></a></p>
  
  <p>My code that links it is</p>
  
  <pre><code>&lt;link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;!-- Custom styles for this template --&gt;
  &lt;link href="css/heroic-features.css" rel="stylesheet"&gt;
  
  &lt;!-- Bootstrap core JavaScript --&gt;
  &lt;script src="vendor/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="vendor/bootstrap/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This is how the template is supposed to look</p>
  
  <p><a href="https://i.stack.imgur.com/4sU78.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4sU78.png" alt="Template"></a></p>
  
  <p>However, this is what it looks like</p>
  
  <p><a href="https://i.stack.imgur.com/VJSEZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VJSEZ.png" alt="Template"></a></p>
  
  <p>Do I need to change text/html into something else? </p>
  
  <pre><code>accepts: {
          "*": allTypes,
          text: "text/plain",
          html: "text/html",
          xml: "application/xml, text/xml",
          json: "application/json, text/javascript"
      }, 
  </code></pre>
  
  <p>Sinatra is telling me to do this</p>
  
  <p><a href="https://i.stack.imgur.com/PxAPY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PxAPY.png" alt="this"></a></p>
  
  <p>but I've tried and it doesn't work</p>
  
  <p>Is there anything I should change or add to my code so that the css works?</p>