Build a Balance Sheet - Step 22

HTML-CSS
1

Tell us what’s happening:

Hi, I’m working on a FreeCodeCamp lesson where I need to create a table row for “Expenses”.

I wrote this:

Expenses Annual anticipated expenses, such as payroll. $200 $300 $400 But I keep getting the error: “Your th element should have the text Expenses Annual anticipated expenses, such as payroll..” I’ve checked the text, punctuation, and spacing, but it still doesn’t

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Balance Sheet</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <main>
      <section>
        <h1>
          <span class="flex">
            <span>AcmeWidgetCorp</span>
            <span>Balance Sheet</span>
          </span>
        </h1>
        <div id="years" aria-hidden="true">
          <span class="year">2019</span>
          <span class="year">2020</span>
          <span class="year">2021</span>
        </div>
        <div class="table-wrap">
          <table>
            <caption>
              Assets
            </caption>
            <thead>
              <tr>
                <td></td>
                <th><span class="sr-only year">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
                <th class="current"><span class="sr-only year">2021</span></th>
              </tr>
            </thead>
            <tbody>
              <tr class="data">
                <th>Cash <span class="description">This is the cash we currently have on hand.</span></th>
                <td>$25</td>
                <td>$30</td>
                <td class="current">$28</td>
              </tr>
              <tr class="data">
                <th>Checking <span class="description">Our primary transactional account.</span></th>
                <td>$54</td>
                <td>$56</td>
                <td class="current">$53</td>
              </tr>
              <tr class="data">
                <th>Savings <span class="description">Funds set aside for emergencies.</span></th>
                <td>$500</td>
                <td>$650</td>
                <td class="current">$728</td>
              </tr>
              <tr class="total">
                <th>Total <span class="sr-only">Assets</span></th>
                <td>$579</td>
                <td>$736</td>
                <td class="current">$809</td>
              </tr>
            </tbody>
          </table>
          <table>
            <caption>
              Liabilities
            </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>

<!-- User Editable Region -->

          <tr class="data">
  <th>
    Expenses<span class="description">  Expenses Annual anticipated expenses, such as payroll.</span>
  </th>
  <td>$200</td>
  <td>$300</td>
  <td class="current">$400</td>
</tr>



<!-- User Editable Region -->

            </tbody>
          </table>
          <table></table>
        </div>
      </section>
    </main>
  </body>
</html>

/* 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/124.0.0.0 Safari/537.36

Challenge Information:

Build a Balance Sheet - Step 22

2

Hi @Roda152

Looks like you removed the first tr element for Loans

Please reset the step to restore the seed code and try again.

Happy coding

1 Like
4

so i did reset it and still showing " Sorry, your code does not pass. You’re getting there.

Your th element should have the text Expenses Annual anticipated expenses, such as payroll..

 <tr class="data">
  <th>Expenses<span class="description">Annual anticipated expenses, such as payroll.</span></th>
  <td>$500</td>
  <td>$250</td>
  <td class="current">$0</td>
</tr>

<tr class="data">
  <th></th>
</tr>

<tr class="data">
</tr>

<tr class="total">
</tr>
5

Within the second tr, add a th element with the text Expenses Annual anticipated expenses, such as payroll.. Wrap that text, except for Expenses , within a span element with the class set to description.

For the other tests:
please look at the preview of your code. You may see something missing in your preview inside the content of the<th> you supposed to fill.

And please analyze again your <td> elements contents if they are right.

Sometimes you have to check every bit of character in your codes during the challenges, because the test can be very very strict sometimes.
And it helps a lot if you slowly and loud reading and analyzing the instructions and/or the tests.