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

HTML-CSS
1

Tell us what’s happening:
I keep getting an error that says:
Test
Sorry, your code does not pass. Hang in there.

Hint

You should have a #years span[class] selector.

I’ve searched the forum, and even resorted to Google Bard, and everything says it is correct!
I had my husband look at it - he usually finds my silly little mistakes.
Please help.

Your code so far

span[class~="sr-only"] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: -1px;
}

html {
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  color: #0a0a23;
}

h1 {
  max-width: 37.25rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem;
}

h1 .flex {
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}

h1 .flex span:first-of-type {
  font-size: 0.7em;
}

h1 .flex span:last-of-type {
  font-size: 1.2em;
}

section {
  max-width: 40rem;
  margin: 0 auto;
  border: 2px solid #d0d0d5;
}

#years {
  display: flex;
  justify-content: flex-end;
  position: sticky;
  z-index: 999;
  top: 0;
  background: #0a0a23;
  color: #fff;
  padding: 0.5rem calc(1.25rem + 2px) 0.5rem 0;
  margin: 0 -2px;
#years span[class] {
  font-weight: bold;
  width: 4.5rem;
  text-align: right;
}

Your browser information:

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

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

Link to the challenge:

2

You accidentally remove the closing curly brace on the ruleset above.

3

Thank you for responding!
Do you mean here?
span[class~=“sr-only”] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
}

I have the closing { } there.

4

I am referring to the ruleset for #years. The one right above the new one you added.

5

Actually, I just figured it out!
I’m not sure how it happened - I see now that the closing bracket on the previous section was missing.
Thank you!

6

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