Sometimes, we want to fix CSS problems with a Python Flask web app.
In this article, we’ll look at how to fix CSS problems with a Python Flask web app.
How to fix CSS problems with a Python Flask web app?
To fix CSS problems with a Python Flask web app, we should make sure our CSS file in the static files directory.
Then we can use url_for to get the URL to the CSS file.
For instance, we can put our CSS file in project_root/static/stylesheets.
Then we can reference the CSS file with a link tag by writing
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='stylesheets/style.css') }}" />
We set the href attribute to the CSS file URL which we get with
{{ url_for('static', filename='stylesheets/style.css') }}
Conclusion
To fix CSS problems with a Python Flask web app, we should make sure our CSS file in the static files directory.
Then we can use url_for to get the URL to the CSS file.
