search

ChromeGaming / Dot-Box

Dot-Box is a game where players take turns drawing lines between dots to create boxes. The player who completes the most boxes wins. It's a simple yet strategic game enjoyed by people of all ages.
https://chromegaming.github.io/Dot-Box/
MIT License
101 stars 186 forks source link

[Bug]: Fix Dual Vertical Scrollbars and Background video Overlap Issue #247

Closed mohangolakoti closed 6 months ago

mohangolakoti commented 6 months ago

Give a brief about the bug ✍️

Hello @ayush-t02, On the web page, there are two vertical scrollbars. When scrolling down, part of the background image becomes visible behind the front content, which doesn't look aesthetically pleasing. This issue needs to be addressed to improve the visual design.

Screenshot: dotbox-index-issue

What is the expected behavior? 🤔

-There should be only one vertical scrollbar on the web page. -When scrolling down, the background image should remain hidden behind the front content and not become partially visible. -There should be no horizontal srollbar.

Please assign me this issue.

Provide step by step information reproduce the bug 📄

Reproducing the Bug: Open the web page and observe two vertical scrollbars. Scroll down to see the background image overlapping with front content.

Solution Plan: Inspect page layout and CSS for overflow properties. Adjust CSS to ensure only one scrollbar. Modify background image properties for stability. Test responsiveness and refine as needed.

Select program in which you are contributing

GSSoC24

Code of Conduct

github-actions[bot] commented 6 months ago

Hey @mohangolakoti! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible. 👉 Don’t forget to star our Dot-Box and Follow Us on GitHub 👉 Make sure you join our Discord, we have created separate channels for all projects

github-actions[bot] commented 6 months ago

Thank you for your contribution! If you have any questions or need further assistance, feel free to reach out to us on our Discord server: Discord. We have separate channels for all projects. Happy coding! 🚀

Connect with us on social media: