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

HTML-CSS
1

Tell us what’s happening:
DIRECTIONS: “The last part of your table heading is your years. Create a #years selector, and enable flexbox. Justify the content to the end of the flex direction, and make the element sticky. Fix it to the top of its container with top: 0.”

Your code so far
WARNING…seed code and/or your solution exceeded the maximum length…
Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.

#years .flex span:last-of-type {
  top: 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36 Edg/109.0.1518.70

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

Link to the challenge:

2

First issue. The instructions are asking you to create a #years selector. You have created a #years .flex span:last-of-type selector.

1 Like
3

Thanks, with that hint, and then the hints fcc gave, I got the solution quickly. I guess I had the .flex in the selector name as that was how a previous selector in the same problem is assigned. I will spend some time understanding the difference between the placement. Thanks so MUCH!

4

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