freeCodeCamp: Broken test: Step 5 of Learn CSS transforms by building a penguin
Describe the Issue
Instruction: Remove both the horizontal and vertical scrollbars, and prevent programmatic scrolling, using only one property. Hint: You should give body and overflow of clip. I typed in overflow: clip; to the list of properties: values; within the body selector. Even the hint is giving me the same answer, but the code will not pass. I tried different browsers, checked for extensions and updates, but so far nothing has fixed this.
Affected Page
Your code
body { background-color: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222)); margin: 0; padding: 0; width: 100%; height: 100vh; overflow: clip; }
Expected behavior
Since I typed overflow: clip; I expected the overflow to be clipped with the rest of the content hidden, and scrolling should be forbidden. According to the hint that comes up and the forum post about this exact issue, I’ve entered the correct code. However, the test keeps failing.
Screenshots
No response
System
- Device: iPad Pro
- OS: iOS 15.6.1
- Browser: Safari, Chrome, Firefox
- Version: iPadOS 15.6.1
Additional context
No response
About this issue
- Original URL
- State: closed
- Created 2 years ago
- Comments: 16 (7 by maintainers)
Hi everyone. The clip property in css is deprecated. https://developer.mozilla.org/en-US/docs/Web/CSS/clip I think this step needing change to use
clip-pathproperty. Sorry for my english i’m work in it. Regards.