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

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

it keeps telling me i need 3 td elements i have three td elements but its not letting me pass is there something im doing wrong?
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>Loans <span class='description'>The outstanding balance on our startup loan.</span></th>
                <th>Loans <span class='description'>The outstanding balance on our startup loan.</span></th>
                <th>Loans <span class='description'>The outstanding balance on our startup loan.</span></th>
              </tr>
                <td>$500</td>
                <td>$250</td>
                <td class='current'>$0</td>
              <tr class="data">
              </tr>
              <tr class="data">
              </tr>
              <tr class="total">
              </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/117.0.0.0 Safari/537.36 Edg/117.0.2045.31

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

Link to the challenge:

2

Each td element should be nested in a separate tr element .

Edit: sorry I made a mistake. Follow @anon42932716 advice and you should pass the step!

1 Like
3

Hello!

You are doing great!

All of the td should remain nested within one tr element for this step.

As a suggestion, I think you could look at some of the previous code in the step and see a perfect example of what needs to be done in this step.

You may even want to copy and paste with only changing the necessary informtion in the lesson.

As it would be cheating if I copied it and pasted it to show you, I will not do that.

I will only refer you to check out the code above your current code for examples of how to do it.

Keep up the great progress. :slight_smile:

2 Likes
4

thank u i fixed it i cant believe i forgot that lol

1 Like
5

We all miss things.
I believe it is called being human.

Keep up your great progress! :slight_smile:

3 Likes
6

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