Step 13 learn more about CSS pseudo selectors by building a balance sheet

Instructions:
Step 13

In your first tr, add a th element with the text Cash This is the cash we currently have on hand.. Wrap all of that text except Cash in a span element with the class set to description.

Following that, add three td elements with the following text (in order): $25, $30, $28. Give the third td element a class attribute set to current.

Error or hint:
You should wrap the text This is the cash we currently have on hand. in a span element.

My code:

                <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>```

I cant tell what Im missing.
      
```html
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Balance Sheet</title>
  <link rel="stylesheet" type="text/css" 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">
            </tr>
            <tr class="data">
            </tr>
            <tr class="total">
            </tr>
          </tbody>
        </table>
        <table>
        </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; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Step 13

Link to the challenge:

1 Like

Believe it or not but that extra space character you have after the period is causing you to fail. These tests are very picky about formatting. Even one extra space can cause a failure.

2 Likes

I could’ve sworn I played with that. Your recommendation did work, so thanks!!

1 Like

Thank you SOOOOOO MUCH. I was having the same problem. Pretty sure it has been somewhere around 20 minutes just staring at my screen before i finally decided to sign up for the forum. There was a high probability i was going to lose my mind. haha

No gap needs after dot (.) in text