Build a Book Catalog Table - Build a Book Catalog Table

HTML-CSS
1

Tell us what’s happening:

Help me out on how to complete this test. The td element in your tfoot element’s row should have the text Total Books: N which i replace N with 20.
how can i pass that?

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>Book1</td>
      <td>Book2</td>
      <td>Book3</td>
      <td>Book4</td>
      
      <tr>
      <td>Book1</td>
      <td>Book2</td>
      <td>Book3</td>
      <td>Book4</td>
    </tr>
    
    <tr>
      <td>Book1</td>
      <td>Book2</td>
      <td>Book3</td>
      <td>Book4</td>    
    
    <tr>
      <td>Book1</td>
      <td>Book2</td>
      <td>Book3</td>
      <td>Book4</td>
    </tr>
    
    <tr>
      <td>Book1</td>
      <td>Book2</td>
      <td>Book3</td>
      <td>Book4</td>
    </tr>
</tbody>
    <tfoot>
      <tr>
        <td colspan="4">Total Books: 20</td>
</tr>
    </tfoot>
  </table>

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:143.0) Gecko/20100101 Firefox/143.0

Challenge Information:

Build a Book Catalog Table - Build a Book Catalog Table

2

why 20? do you have 20 books in your table?