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

HTML-CSS
1

Tell us what’s happening:

why is this showing me , you should wrap the text ( This is the cash we currently have on hand.) in a span element .when I have already done that .

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>

<!-- User Editable Region -->

              <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">
              </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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 OPR/109.0.0.0

Challenge Information:

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

2

Make sure there are no extra whitespaces in your text.

The text in your th tag should be “Cash This is the cash we currently have on hand.” with no leading or trailing spaces. Then wrap everything except “Cash " in a span element. Again, im stressing the need to be very careful with extra whitespaces (” "), That includes unneeded new lines breaks in some cases as well.

Happy coding,
Joseph

2 Likes
3

thanks . but the problem was not space . It was a bug cause after I gave it a reset and wrote it again it worked .

4

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