🐛 Gaming Panel is not responsive

[vikasganiga05]

Describe the bug
The Gaming Panel is not responsive.

• Play the Game! button not positioned correctly.
• Game characters are on top of each other.
• Both player-card & hacker-card are small, So the contents inside the cards are shrinking.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://kaiwalyakoparkar.github.io/sense-hacker/sense-hack/index.html
2. Click on Play the Game! button
3. See error

Expected behavior

• The Play the Game! button should be on a flash screen. So on the button click the flash screen closes and the game panel is shown.
• Both the game characters are huge, scale down their size.
• I have no idea about the cards

Screenshots

Smartphone (please complete the following information):

• Device: Samsung Galaxy S10
• OS: Android 11.0 with One UI 3.0
• Browser: Chrome
• Version: 89.0.4389.105

Additional context
I checked in almost all smartphone simulators and phones. I found the same bug.

[kaiwalyakoparkar]

Thanks for the report. This bug in notice. If you want you can work on this.

[starlightknown]

Thank you for raising the issue @vikasganiga05 this game was made for web on pc or laptops for the hackathon, we can work on making it compatible for all the devices. I don't see this issue if you could just rotate the device horizontally

[vikasganiga05]

Thank you for raising the issue @vikasganiga05 this game was made for web on pc or laptops for the hackathon, we can work on making it compatible for all the devices. I don't see this issue if you could just rotate the device horizontally

Yeah! I appreciate that 🙂

[kaiwalyakoparkar]

@vikasganiga05 If you want to work on this and get this assigned to you let me know!