Usage of the design UI picture as a background for reference
Design comparison
Solution retrospective
Unsolved problem
For some reason in the mobile version the UI looks good but it gives the option for scrolling in both directions. I try to hide all the overflow of the elements but still can prevent the scrolling.
Any advice??
Community feedback
- @SudodoSuPosted over 1 year ago
Hello Coder π.
Congratulations on successfully completing the challenge! π
To prevent scrolling on the body element, you can apply the CSS property
overflow: hidden
to it. This will ensure that the content within the body does not cause any scrolling behavior. By settingoverflow
tohidden
, the scrollbar will be hidden, and users will not be able to scroll within the body.Here's the updated code snippet:
body { overflow: hidden; }
By adding this CSS rule to your stylesheet, you can effectively prevent scrolling on the body element and provide a seamless user experience without unnecessary scrollbars.
You also left one closing </div> element at the bottom of the body.
I hope this helps.
Happy codingπ
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord