My CSS is not linking with HTML

Code Help HTML/CSS/JS
1

I think the code is right too… External stylesheet not linking on replit I’m a new user
https://replit.com/@AlfiyaAnware/lung-cancer?v=1

Home 
<link rel="stylesheet" href="/resources/mystyle.css"  type="text/css" />
2

Welcome to the community, @AlfiyaAnware!

You will need to change the <link> tag to:

<link rel=“stylesheet” href="{{ url_for('resources', filename='mystyle.css') }}" type=“text/css” />
3

im getting an error

BuildError

werkzeug.routing.exceptions.BuildError: Could not build url for endpoint ‘resources’ with values [‘filename’]. Did you mean ‘renders’ instead?

Am I supposed to do something else as well?

4

Sorry for not mentioning this:

Since CSS is a static file, it should placed be placed inside the static folder with your home.html file.

Then change the href accordingly.

5

ok, i created a static folder and placed mystyle.css in it but since I’m using flask I have kept the html file in the templates folder. I’m not getting an error but the CSS attributes still havent been applied.

Also thank you so much for replying I really really appreciate the help as a beginner.

7
<link rel= "stylesheet" type= "text/css" href= "../static/mystyle.css"

I figured out I had to use this.
Thank you so much for your help

9

Check out this SO post:

TL;DR place {{ url_for('static', filename='mystyle.css') }} instead of mystyle.css
EDIT: Make sure your placing this inside of the href property.

Here's why

Your flask project uses something called Jinja Templates. Jinja Templates are basically HTML with extra features. Since you can’t access code that’s on the server without telling the server to do so, you must place a special piece of text that tells the templating system to return the CSS file.