The html code for "Date Accessed" is meant to be in one column as a header, while the actual dates should be in another column, but somehow they are all appearing in a single column. I am having trouble figuring out why.
<!DOCTYPE html>
{% load static %}
<html>
<head>
<meta charset="utf-8">
<title>Django Level Two</title>
<link rel="stylesheet" href="{% static "css/mystyle.css" %}"/>
</head>
<body>
<h1> Hi welcome to Django Level Two </h1>
<h2> Here are your access records:</h2>
<div class="djangtwo">
{% if access_records %}
<table>
<thead>
<th>Site Name</th>
<th>Date Accessed</th>
</thead>
{% for acc in access_records %}
</tr>
<td>{{acc.name}}</td>
<td>{{acc.date}}</td>
<tr>
{% endfor %}
</table>
{% else %}
<p>NO ACCESS RECORDS </p>
{% endif %}
</div>
</body>
</html>
Although the issue doesn't seem to be related to the .css file, here it is for reference:
h1{
color: red;
}
table, th, td {
border: 2px solid black
}
Any assistance on this matter would be greatly appreciated. Thank you.