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

HTML-CSS
1

Tell us what’s happening:

Haven’t really been able to figure out why this is not accepted. The tutor prompt says the 'Checking Our primary transactional account" isn’t there

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

              <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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Challenge Information:

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

2

as usual in the fCC exercises, spaces and punctuation matter.
Double check both for this line.

3

Noticed a missed full stop. Added that, but still didn’t work, tried removing and adding spaces around but to no avail…

4

good you picked up on the missing period, that’s great.
Now you just need to pay attention to the spacing. Adding spaces “around” will not be helpful. You want to intentionally make the text match the one they asked for.
For eg. Where is each space located in the text? How about in your code? Do they really match?

5

@booleanmethod9 give space after the Checking.

6

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.