Tell us what’s happening:
About CSS Pseudo Selectors By Building A Balance Sheet - Step 46.
Please help what’s wrong with my code.
It keeps telling me to repeat what I’ve done
*My code so far
span[class~="sr-only"]{
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
white-space: nowrap;
padding: 0;
margin: -1px;
clip:rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path:inset(50%) !important;
border:0 !important;
}
Hint
Your span[class~="sr-only"]
selector should have the -webkit-clip-path
property set to inset(50%) !important
.
**Your browser information:**
User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62</code>
**Challenge:** Learn More About CSS Pseudo Selectors By Building A Balance Sheet - Step 46
**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-46