Tell us what’s happening:
the consule dont accept the code span[class~=“sr-only”]
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
span[class~="sr-only"] {
border: 0 !important;
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36
Challenge Information:
Build a Balance Sheet - Step 47
hello @rabdultamim welcome back to the forum!
It seems like the seed-code for this challenge was changed. You could use the Reset Button (
) located at the bottom of the challenge to restore the seed-code, or copy it from here -
span[class~="sr-only"] {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
white-space: nowrap;
padding: 0;
margin: -1px;
}
Make sure to add the !important keyword to all the properties to pass the step.