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

Tell us what’s happening:
I keep getting an error message that my first span should have the text ‘2019’ and it is, I can’t spot what’s the issue here.

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

            <tbody>
            </tbody>
          </table>
          <table>
          </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/113.0.0.0 Safari/537.36

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

Link to the challenge:

Hello @nasciste. Upon testing your code I noticed that the test fails because you are required to wrap the year with the <span> without leaving any room for whitespaces so the opening tag should be immediately followed by the text and that should also be followed by the closing tag and not be placed on a next line. So in short the test is expecting a single line or code with no whitespaces.

1 Like

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