I'm not able to move beyond Step #11: Balance Sheet

HTML-CSS
1

Within each of your new th elements, nest a span element with the class set to sr-only year. Give them the following text (in order): 2019, 2020, and 2021.

Give your third th element the class attribute set to current.

Leave the td element empty. This element exists only to ensure your table has a four-column layout and associate the headers with the correct columns.

My Solution:

              <tr>
               <td></td>
                <th><span class="sr-only year">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
               <th><span class="sr-only year">2021</span></th>
              </tr>
            </thead>

My 2nd Solution I tried:

           <thead>
              <tr>
               <td></td>
               <th><span class="sr-only year">2019</span></th>
                <th><span class="sr-only year">2020</span></th>
                <th><span class="sr-only year current">2021</span></th>
            </tr>
           </thead>

I cannot prompt various was to make the solution work. I got so disheartened I actually deleted my entire account. I had the Legacy work completed except the Portfolio Project. I had every assignment on the Newly Created Responsive Web Courses ... except this one assignment. I was all the way to my JavaScript and got upset because I couldn't get it figured out and deleted all my work!


I need Tech Support to help me. Because I saw other's solutions and mine first attempt was correct and it still responds by blocking me from moving forward. I'm upset. :frowning: 


FCC does not have anyone to help from Tech Support to fix the glitch that's not allowing me to move forward from this step but I can do everything else. Why???

Ugh, Hulk Smash!


Thank you Nikola Jacques and Bruce B, your inquiries and guidance made it easier for me to communicate better and display my code properly! Vitural high-5s guys!

[I'm not sure I'm doing this correctly, but I've pasted my link.](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-11)
2

Hi inspire, it’s difficult to see what’s going on without access to your code or a link to the problem. Try to include those when you post, it increases your likelihood of getting a reply.

3

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

Also, please tell us which step this is for.

4

I figured it out! 07/03/2022. It was awesome. Thanks again for the help.

5

How did you solve it please? Cos I’m stuck at the same place.

6

Hello BlaiseCJ,

I did finally understand what I had done wrong CJ.
The class name: “current” was not meant to be added to the last
span tag. It is intended to be a class inside your last <th> tag.

So, if you are viewing my 2nd Solution attempt at the top this is what
needs to change.

I really do hope this helps you move along, CJ.

Code-Mate out! :slightly_smiling_face:

2 Likes
7

Thank you.
I have also figured it out.
Without paying close attention to the instructions, it can be quite tricky.
Code-on, mate!

8

oh my gosh I did the same mistake and your answer saved me thanks mate.

9

thank you so much I also got stuck here I’m glad I found your post

10

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