Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 31

Tell us what’s happening:

I’m stuck on this one I can’t spot the error with this code.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

span[class~="sr-only"] {
  border: 0;
  clip: rect 1px, 1px, 1px, 1px , inset50% ;
  clip-path: inset(50%) ;
  -webkit-clip-path: inset50%;
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 31

Please use exactly the given syntax

Set the span[class~="sr-only"] selector to have a clip property of rect(1px, 1px, 1px, 1px) .

You need the parentehsis, and remove the inset from this rule

remove this rule too

I’ve tried still no luck show me what needs removing on the weblink, thanks.

can you show your code please?

all of it, as it is not instructed to add it

I passed it I made a few mistakes as outlined. Thanks anyway!

Why is your software input case-sensitive (modules…?) It was a case of copying and pasting everything to get it to work.

coding is case sensitive. In this case you were missing symbols tho.

what do you mean by my software?

The platform’s coding input is case-sensitive.

Coding in general is case sensitive, and if it’s not, like some html things, they are enforced for good habits

Ok I see what you mean