Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 31

Tell us what’s happening:

span[class~=“sr-only”] {
border: 0;}
{clip: rect (1px, 1px, 1px, 1px);

Code check indicates code does not pass.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */

span[class~="sr-only"] {
  border: 0;}
  {clip: rect (1px, 1px, 1px, 1px);

}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Challenge Information:

Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 31

Hi @Shakubuku67

Please remove the curly braces.
Then remove the white space between rect and the round brace.

Then add the following property.

Set the clip-path property to the value of inset(50%) , forming the clip-path into a rectangle within the element.

Happy coding