Step 46 of CSS Pseudo Selectors building Balancesheet

[luismaganabou]

I can’t get past this step, here’s the error it throws me:

Test:
Sorry, your code does not pass. Keep trying.
Hint:
Your span[class~="sr-only"] selector should have the -webkit-clip-path property set to inset(50%) !important.

span[class~=“sr-only”] {
border: 0!important;
clip: rect(1px, 1px, 1px, 1px)!important;
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;
-webkit-clip-path:inset(50%)!important;
}

WARNING

span[class~="sr-only"] {
  border: 0!important;
  clip: rect(1px, 1px, 1px, 1px)!important;
  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;
  -webkit-clip-path:inset(50%)!important;
}

Chrome

Challenge: Step 46

Link to the challenge:

freeCodeCamp.org

[bbsmooth]

I think there might be a bug in the test here. Technically, your CSS is correct. But the tests are expecting certain formatting. First, you moved the -webkit-clip-path property to the end but the test is expecting to be where it originally was, just after the clip-path property. In general, you shouldn’t move/change things unless specifically asked to or the tests may fail. Also, the tests want a space between -webkit-clip-path: and inset, and then another space before !important. Usually, you would always put a space before !important.