use a css stylesheet on a jinja2 template

Question

I am making a website using html, css, flask and jinja2.

I have a page working on a flask server, the buttons and labels etc. are displayed, but the css stylesheet I

Answer 1

All public files (the ones that are not processed, like templates or python files) should be placed into dedicated static folders. By default, Jinja2 has one static folder called static.

This should fix your problem:

1. Move /templates/styles.css to /static/styles.css

2. Update your code with following code, that will be translated into correct file location:

More info on static files in Jinja2 is here.