Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 27

HTML-CSS
1

This was the assignment: Step 27

Within the tbody, add a tr with the class set to total. In that, add a th with the text Total Net Worth, and wrap Net Worth in a span with the class set to sr-only.

Then add three td elements, giving the third a class set to current, and giving each the following text: $-171, $136, $334.

As such, I did the following:

Total Net Worth

$-171
$136
$334

and it keeps saying this:

Sorry, your code does not pass. Keep trying.

Your tbody element should have one tr element.

So why can’t I get it to recognize that there is in fact a element looking it in the booty hole?

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

     <table>
        <caption>Net Worth</caption>
        <thead>
          <tr>
          <td></td>
          <th><span class="sr-only">2019</span></th>
          <th><span class="sr-only">2020</span></th>
          <th><span class="sr-only">2021</span></th>
          </tr>
        </thead>
        <tbody>
            <tr class="total"><th>Total <span class="sr-only">Net Worth</span></th>
            </tr>
            <td>$-171</td>
            <td>$136</td>
            <td class="current">$334</td>
        </tbody>
      </table>

Your browser information:

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

Challenge: Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 27

Link to the challenge:

2

Maybe one of the moderators will chime in but I’ve heard sometimes this will happen as a glitch. Perhaps try copying your code somewhere then clearing your browser cache?

3

Hello and welcome to FCC Forum, a community of people helping each other!

The problem is that the < tr> is not nesting all of the < th> and the three < td>

I suggest moving your closing < /tr> so that the necessary elements are nested within the < tr>
nested elements
< /tr>

Keep up the great progress!

Happy coding! :slight_smile:
I hope this helps you!

4

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