[Bug]: The website is not responsive in mobile view

[alok2424]

Give a brief about the bug ✍️

As we are opening the website in the laptop it is working fine, but as I open it in mobile , it is not responsive. Hence ,it's a major issue for mobile users.

Untitled.video.-.Made.with.Clipchamp.10.mp4

What is the expected behavior? 🤔

In both laptop and mobile view , the game must be appear on the center of the screen so that user can play the game.

Provide step by step information reproduce the bug 📄

Step-1: Go to the home page
Step-2: Change the view to mobile view
Step-3: The game will not align at the center.
Step-4: Simply go to the style component in the index.html file.
Step-5: Add external CSS in order to justify the content at the center.

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @alok2424! 👋

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

[heli0707]

I would like to work on this please assign it to me

[Garvanand]

Kindly assign to me ,I have rectified the issue

[github-actions]

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:

• GitHub: ChromeGaming
• LinkedIn: ChromeGaming
• Instagram: @chromegamingon