Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 24

HTML-CSS
1

Tell us what’s happening:

I’m getting this error: Sorry, your code does not pass. Don’t give up.

Your th element should have the text Total Liabilities.

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

              <tr class="data">
  <th>Loans <span class="description">The outstanding balance on our startup loan.</span></th>
  <td>$500</td>
  <td>$250</td>
  <td class="current">$0</td>
</tr>
<tr class="data">
  <th>Expenses <span class="description">Annual anticipated expenses, such as payroll.</span></th>
  <td>$200</td>
  <td>$300</td>
  <td class="current">$400</td>
</tr>
<tr class="data">
  <th>Credit <span class="description">The outstanding balance on our credit card.</span></th>
  <td>$50</td>
  <td>$50</td>
  <td class="current">$75</td>
</tr>
```<tr class="total">
  <th><span class="sr-only">Total Liabilities</span>Liabilities</th>
  <td>$750</td>
  <td>$600</td>
  <td class="current">$475</td>```
</tr>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 24

2

remove the second liabilities and you should be good to go
Happy Coding

2 Likes
3

Hey Buddy, Here 1st remove the 2nd word Liabilities and 3rd you no need to wrap text Toatl on span.

Here you only need to add existing word Liabilities into span.

If any further question, let us know please.

Hope You Understand.

1 Like