Balance sheet step 46 is working ...let me know where i'm wrong

HTML-CSS
1

Step 46

Rather than having to constantly double-check you are not overwriting your earlier properties, you can use the !important keyword to ensure these properties are always applied, regardless of order or specificity.

Give each property in your span[class~="sr-only"] selector an !important keyword. Do not change any of the values.

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;
  width: 1px;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: -1px;
  
}

Test

Sorry, your code does not pass. Hang in there.

Hint

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

2

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

¡Hola!

@ujvalsk

Su span[class~="sr-only"] selector debe tener la -webkit-clip-path propiedad establecida en inset(50%) !important .

Ese error ocurre porque tienes un espacio en blanco despues de -webkit-clip-path

saludos