Build an Availability Table 10. You should have at least four th elements with the class of time that contain time values

HTML-CSS
1 
Hi, I'm trying to solve this exercise, but even after removing any additional structure, I'm still getting the message that the <th> elements with the "time" class aren't there.

Here's my HTML code.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Availability Table</title>
    <link rel="stylesheet" href="styles.css" >
</head>

<body>
    <table>
        
      <tr>
        <th></th>
        <th class="time">Monday</th>
        <th class="time">Tusday</th>
        <th class="time">Wensday</th>
        <th class="time">Thuesday</th>
        <th class="time">Friday</th>
      </tr>

      <tr class="sharp">
        <th class="time">1 PM</th>
        <td class="available-0"></td>
        <td class="available-0"></td>
        <td class="available-0"></td>
        <td class="available-0"></td>
        <td class="available-0"></td>
      </tr>
      <tr class="half">
        <th class="time">2 PM</th>
        <td class="available-1"></td>
        <td class="available-1"></td>
        <td class="available-1"></td>
        <td class="available-1"></td>
        <td class="available-1"></td>
      </tr>
      <tr class="sharp">
        <th class="time">3 PM</th>
        <td class="available-2"></td>
        <td class="available-2"></td>
        <td class="available-2"></td>
        <td class="available-2"></td>
        <td class="available-2"></td>
      </tr>
      <tr class="half">
        <th class="time">4 PM</th>
        <td class="available-3"></td>
        <td class="available-3"></td>
        <td class="available-3"></td>
        <td class="available-3"></td>
        <td class="available-3"></td>
      </tr>
      <tr class="sharp">
        <th class="time">5 PM</th>
        <td class="available-4"></td>
        <td class="available-4"></td>
        <td class="available-4"></td>
        <td class="available-4"></td>
        <td class="available-4"></td>
      </tr>
      <tr class="half">
        <th class="time">6 PM</th>
        <td class="available-5"></td>
        <td class="available-5"></td>
        <td class="available-5"></td>
        <td class="available-5"></td>
        <td class="available-5"></td>
      </tr>

    </table>
    <div id="legend">
      <div id="legend-gradient"></div>
      <span>Availability</span>
    </div>

    
</body>

</html>
2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.