Hi guys! Please I really need your help.
I have done the last task at the end of project >
task was- Inside each of the <td>
elements that do not have a class
attribute with a value of "left"
, add <h3>
elements that include the name of events: and listed all those events( I have changed the original subject )
and the left column appeared on the right side of cell table. What did I do wrong?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Aguillar Family Wine Festival</title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>
<body>
<header>
<h1>Annual Football Game</h1>
</header>
<div class="container">
<table>
<thead>
<tr>
<th colspan="2">
<h1>Football Game Schedule</h1>
</th>
</tr>
<tr>
<th>
<h2>Event</h2>
</th>
<th>
<h2>Time</h2>
<th>
</tr>
</thead>
<tbody>
<tr>
<td class="left"></td>
<td><h3>12:00 PM </h3></td>
<td><h3>Main Team</h3></td>
</tr>
<tr>
<td class="left"></td><td><h3>01:00 PM</h3></td>
<td><h3>Team of 7 Grade </h3></td>
</tr>
<tr>
<td class="left"></td>
<td><h3>02:00 PM</h3></td>
<td>
<h3>Meeting For All Playeers</h3>
</td>
</tr>
<tr>
<td class="left"></td>
<td><h3>03:00 PM</h3></td>
<td><h3>Playes- Age of 6</h3></td>
</tr>
<tr>
<td class="LEFT"></td>
<td><h3>04:00 PM</h3></td>
<td><h3>Meeting With Parents</h3></td>
</tr>
</tbody>
</table>
</div>
<footer>
<h3>Contact</h3>
<h3>Location</h3>
<h3>Privacy Policy</h3>
</footer>
</body>
</html>
type or paste code here