Skip to content

Made the game responsive#34

Merged
dev-lovedeep merged 6 commits into
ContriHUB:mainfrom
DNA5769:responsive
Oct 31, 2022
Merged

Made the game responsive#34
dev-lovedeep merged 6 commits into
ContriHUB:mainfrom
DNA5769:responsive

Conversation

@DNA5769
Copy link
Copy Markdown
Contributor

@DNA5769 DNA5769 commented Oct 19, 2022

Fixes #29

@DNA5769
Copy link
Copy Markdown
Contributor Author

DNA5769 commented Oct 30, 2022

Can you review this @dev-lovedeep

Copy link
Copy Markdown
Contributor

@dev-lovedeep dev-lovedeep left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

make this small change, and then we can merge

Comment thread index.js Outdated
Comment on lines +17 to +18
if (level !== '1' && level !== '2' && level !== '3')
level = '1'; // Setting default level to 1
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

bonus for this 🎈

Comment thread index.js Outdated
Comment on lines +2 to +3
if (screen.availHeight > screen.availWidth)
alert("Please switch to landscape mode for a better experience!");
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this will check only one, instead add an event listener

landscape orientation
(Hmmm I wonder any other awesome website developed by awesome people
which only allow us to play the game if the screen is a particular size)
@DNA5769
Copy link
Copy Markdown
Contributor Author

DNA5769 commented Oct 31, 2022

Adding a event listener for resize and putting alerts in it, made the game very buggy.
So instead I decided to display the message through text in the website. and only allowing user to play the game if it is in landscape

Comment thread style.css Outdated
display: flex;
justify-content: center;
align-items: center;
font-size: 8rem;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is way too big change it to something like 2 or 3rem

@dev-lovedeep dev-lovedeep merged commit 3fa4a80 into ContriHUB:main Oct 31, 2022
@DNA5769 DNA5769 deleted the responsive branch October 31, 2022 10:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

make the game responsive

2 participants