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

Tell us what’s happening: I am stuck on step 21

Describe your issue in detail here. I wrote the code, and I even checked on a youtube channel to see if my code is right and it seems that it is but still is not accepting it. This are the instructions: Within the first tr, add a th element with the text Loans The outstanding balance on our startup loan.. Wrap that text, except for Loans , within a span element with the class set to description.

Add three td elements below that, and give them the following text, in order: $500, $250, and $0. Give the third td element a class set to current.

and this is what I keep getting: Sorry, your code does not pass. Don’t give up.

Your th element should have the text Loans The outstanding balance on our startup loan..

Your code so far

     <tr>
<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>
<!-- 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>
    <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">
                </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

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

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Welcome back to the community @jdhm1077 !

Please check to make sure that description is inside a set of quotiation marks.
“okay” as an example.

Keep up the good progress!