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

Tell us what’s happening:
I’m pretty sure I’ve followed the instructions step by step by i keep getting the same error prompting:
Your first span element should have the text 2019.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <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">
        <span class="flex">
          <span>Balance Sheet</span>
      <div id="years" aria-hidden="true">
        <span class="year">2019</span>
        <span class="year">2020</span>
        <span class="year">2021</span>
      <div class="table-wrap">
                <span class="sr-only year">2019
                <span class="sr-only year">2020
              <th class="current">
                <span class="sr-only year">2021
/* 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/103.0.5060.134 Safari/537.36

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

Link to the challenge:

your td element is named incorrectly, you should nest your span elements within your th elements

Even with the td written as td /td, no change. Also the span elements are nested within the th elements are they not?

The tests want the opening and closing span tags to be on the same line. I would say in general, you should probably keep the tags for inline elements on the same line or you may run into this problem with other tests.

Also, the td element should have separate opening and closing tags, not combined into one.

1 Like

Thank you, I didn’t realise this was a problem. I just did it to make it clearer as i was going through.

1 Like

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