Your span[class~="sr-only"] selector should have the -webkit-clip-path property set to inset(50%) !important

Can’t seem to get past this step, despite writing it just as it is asked. No other line gives me this error.

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

WARNING

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 46

Link to the challenge:

You accidentally added a space between inset and (50%). Sometimes extra spaces don’t make a difference and sometimes they do. In this case they do and you can’t have a space there.

I’ve tried with and without spaces, it has made no difference, specifically on that item

Hmm…I don’t know what else to say. As soon as I make that change to your CSS then it passes for me.

Now, the double quotes that are showing above aren’t actually ascii double quotes because you didn’t wrap the CSS in triple back ticks, so they were converted to fancy double quotes. I’m assuming you are actually using ascii double quotes in your CSS, but if not, then that will keep you from passing this step.

FYI, 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.

By chance what step are you on I’m doing this project right now

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