Tell us what’s happening:
I have added the !important keyword as requested, however the system will return nothing but set border property to “0 !important” which I have clearly done. Can you please tell me what I’m doing wrong here?
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
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;
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0
Challenge Information:
Learn More About CSS Pseudo Selectors by Building A Balance Sheet - Step 47