Building a Balance Sheet: Step 31

HTML-CSS
1

Hey,

I already saw a topic about this, but it was closed (outdated and for another step).

This is what we need to do in step 31:

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

But in MDN you get a warning that “clip” is Deprecated.

After reading some more about it I’m still not sure what’s the solution.

Just leave the clip out and only use the clip-path?
Or should I use clip-path: rect()… (My Browser with last updates gave a error on that, so I already guess that’s not the solution.

Thanks

2

Please provide a link to the challenge. Thank you.

3
4

Hi there,

Thanks for the link. Glad to know you’re using MDN. That’s a great resource!

For now, just go ahead and follow the instructions exactly as asked.

To put your mind at ease a bit, notice that clip is not currently deprecated in any of the browsers in the compatibility table at the bottom of this reference.

clip - CSS | MDN

Happy coding!

5

Just finished the excercise, so there’s certainly no problem with it!

And probably most browsers will keep recognising it for some time, as you said.

I’m just curious what the new css syntax is.

P.S.

I saw a (verry) small mistake in another exercise, but was doubting if I should report it?

And don’t wanne look as I’m complaining , cause I like your training-forum a lot :wink:

6

Oh, it’s not complaining when you help make freeCodeCamp better. That’s appreciated!

Bugs or suggestions can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

Thank you!

7

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.