Build a Book Inventory App

HTML-CSS
1

hi i need help whit this pls!

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

<head>
  <meta charset="utf-8">
  <title>Book Inventory</title>
  <link rel="stylesheet" href="styles.css">
</head>

<body>
<h1>Book Inventory</h1>
<table>
  <thead>
    <tr>
      <th>Title </th>
      <th>Author</th>
      <th>Category</th>
      <th>Status</th>
      <th>Rate</th>
    </tr> 
    </thead>
    <tbody>
      <tr class="read">
        <td>The Three Musketeers</td>
         <td>Alexandre Dumas</td>
         <td>Historical Novel</td>
         <td><span class="status">Read</span></td>
         <td class="rate">
           <span class="rate"></span>
         <span class="rate"></span>
         <span class="rate"></span>
         </td>
      </tr>
       <tr class="to-read">
         <td>The Plague</td>
          <td>Albert Camus</td>
           <td>Philosophical Novel</td>
            <td><span class="status">To Read</span></td>
             <td class="rate">
               <span class="rate"></span>
             <span class="rate"></span>
             <span class="rate"></span>
             </td>
             </tr>

        <tr class="read">
           <td>The Metamorphosis</td>
            <td>Franz Kafka	</td>
             <td>Novella</td>
              <td><span class="status">Read</span></td>
               <td class="rate three">
                 <span class="rate"></span>
               <span class="rate"></span>
               <span class="rate"></span>
               </td>
        </tr>
        
         <tr class="in-progress">
            <td>Dead Souls	</td>
             <td>	Nikolai Gogol</td>
              <td>Picaresque</td>
               <td><span class="status">In Progress</span></td>
                <td class="rate">
                  <span class="rate"></span>
                <span class="rate"></span>
                <span class="rate"></span>
                </td>
         </tr>
    </tbody>
    
    </table>
</body>

</html>

  • passed 16. Each span element which is a direct child of a td element of the Rate column should have the class of rate as the first class.

  • Failed:17. Each .rate element should contain three empty span elements.

  • Failed:18. .rate elements placed inside .read rows should have an additional class after the rate class with the value of either one, two, or three, depending on the personal rate.

if i put the numbers 17, 18 working good, the number 16 starting to work bad, and if a put to work good the number 16, the numbers 17, 18 starting to work bad i don’t know. HELP the time dont stop cheers!

2

Welcome to the forum @emicapaccioni

Please post a link to the challenge.

Happy coding

3

Please re-read User Story #6.

The instructions in User Story #6 want you to have a span element with a class of rate inside the td for the “Rate” column. And inside that span, there should be 3 empty span elements. The td should not have a class attribute. Only the first span inside the td should have a class attribute.

4 
thanks for the welcome! this is the link!
https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-book-inventory-app/build-a-book-inventory-app
5 
Thanks for the help, this is how the code is working

 <tr class="read">
           <td>The Metamorphosis</td>
            <td>Franz Kafka	</td>
             <td>Novella</td>
              <td><span class="status">Read</span></td>
               <td>
                 <span class="rate two">
               <span></span> 
               <span></span>
               <span></span>
               </span>
               </td>
        </tr>

:raising_hands:

6

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.