CSS Psuedo selector step 31

Tell us what’s happening:
I am getting this message “Your span[class~="sr-only"] selector should have a clip property set to rect(1px, 1px, 1px, 1px).”

Your code so far
span[class~=“sr-only”] {clip:rect(1px, 1px, 1px, 1px);}

Please I need help to solve it


The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: Step 31

Link to the challenge:

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.

The instructions ask you to do two things:

  • Set the span[class~="sr-only"] selector to have a clip property of rect(1px, 1px, 1px, 1px)
  • Use both the clip-path and -webkit-clip-path selectors to set the value to inset(50%)

It looks like you have only done the first one. Also, you removed the existing border: 0; from the selector. I would put that back.

1 Like

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