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

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;


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


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

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.

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



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