chore: add responsive for mobile

[alfanzain]

Issue
This PR solves #63 (hopefully)

What I Did

• Move HUD or scene according to desktop / mobile screen
• Resize HUD, entity, or scene according to the screen
• Test the scenes on almost all screen (desktop, tablet, mobile)

Evidences

Mobile:

Desktop:

[riandyrn]

Hello, @alfanzain

Thanks for your PR!

However, when I tried to run your PR locally by using make run, I always get these errors:

When I tried to remove both max-[1060px]:w-full & max-[325px]:text-4xl the error disappears.

Maybe you know something about this condition?

[alfanzain]

Hello @riandyrn thanks for the reply!

I can't really reproduce the issue, maybe this commit can solve it.
Since using arbitrary is a bit confusing in some cases.

e5fe335

Thank you for your time to review this PR!

[riandyrn]

Now it's working fine. Thanks a lot, @alfanzain! 👍🏻

Finally we have demo that can run on mobile! 🎉🎉🎉