Can someone please tell me where I have gone wrong?

Tell us what’s happening:
I have tried following youtube but of no use. If someone can offer the solution and explanation that would be great.

Thank you

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <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">
        <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> 
                <span class="sr-only year">2020</span> 
                 <span class="sr-only year"> 2021</span>
                <span class="sr-only year">2019</span> 
                <span class="sr-only year">2020</span> 
                 <span class="sr-only year">2021</span>
                <span class="current"> 2019</span> 
                <span class="current">2020</span> 
                <span class="current">2021</span>
/* 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/ Safari/537.36

Challenge: Step 11

Link to the challenge:

Remember to add closing </th> tags

you are supposed to create only one span element in each th element

You only need to add one span element to each of your th elements.

You’ve added the current class to some span elements.
Biut the current class should be added to the th element.

Thanks I tried doing that but i started getting errors on my class attribute “sr-year only”.

Thanks. Do I add the “sr-year only” classes between the span element or within the th?

See my post on your other forum thread.