Build a Book Catalog Table - Build a Book Catalog Table

HTML-CSS
1

Tell us what’s happening:

Not able to clear tfoot after doing according to the instructions

Your code so far

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Book Catalog</title>
</head>

<body>
  <table>
    <thead>
      <tr>
      <th>Title</th>
      <th>Author</th>
      <th>Genre</th>
      <th>Publication Year</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>Me Before You</td>
        <td>Joseph</td>
        <td>Love and affection</td>
        <td>2024</td>
      </tr>

      <tr>
        <td>categorized by having an emotionally satisfying an</td>
        <td>Ravindran</td>
        <td>Crime</td>
        <td>2016</td>
        
      </tr>

      <tr>
        <td>Unknown truth</td>
        <td>Raji</td>
        <td>Design</td>
        <td>1800</td>
      </tr>

      <tr>
        <td>Design of Everyday things</td>
        <td>Don norman</td>
        <td>Design</td>
        <td>1990</td>
      </tr>

      <tr>
        <td>The Grid</td>
        <td>Rajesh Sukla</td>
        <td>Thriller</td>
        <td>2008</td>
      </tr>
    </tbody>

    <tfoot>
    <tr>
        <td colspan="4">Total Books: [number of books in your table]</td>
        <td>5</td>
    </tr>
</tfoot>
    <!-- <tfoot>
      <tr>
        <td colspan="4">Total Books: 
          [number of books in your 
          table]</td>
        <td>5</td>
      </tr>
    </tfoot> -->
  </table>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Challenge Information:

Build a Book Catalog Table - Build a Book Catalog Table

2

Hey,
How many books do you have in your table? write the number there. Don’t write it in a new td element.
Good luck!