I'm currently using Django as explained in cs50w 2020 lecture 3. Under the static folder inside encyclopedia directory is the styles.css. This was in the distro code and there is already some styles coded in it. But when I want to add my own styles, it does not show up in the webpage. Even on elements in the existing pages given in the distro code.All the existing styles defined by the staff is useable, but for some reason no new styles can be added. Where am I going wrong?
#err_div {
background-color: gray;
justify-content: center;
padding: 20px;
}
These were a few lines I added for an error page I wanted to create.
<div id="err_div">
<h1>Error</h1>
<h2>The Entry ({{name}}) you are looking for was not found!</h2>
<a href="{% url 'index'%}">Back to Home Page</a>
</div>
This was the div inside my error page I wanted to style
<link href="{% static 'encyclopedia/styles.css' %}" rel="stylesheet">
This is the link part of the same error page, I know it's linked properly with css file as I can use any other style classes implemented by the staff.