Update style.css - Githubissues

sarmadhamdani02 / WebGames

This repo contains some web-based games, feel free to contribute 🙂 you can either create new games or contribute by solving issues.

https://webgames02.netlify.app/

9 stars 23 forks source link

Update style.css #71

Closed avinashji1302 closed 1 year ago

avinashji1302 commented 1 year ago

"fix the responsiveness of Devquiz , Please check"

sarmadhamdani02 commented 1 year ago

Great work @avinashji1302 👏 Now, the options are fully visible and user can play the game.

But, I think there is still room for improvement 🤔. See, we don't only want to make game playable but also want to make it visually more appealing.

As you can see in the screenshot below, the question and the options are more on the top of the screen, these will look much better in almost the middle of the screen. Also, reducing the height of the div on which the question and options are, will not be a bad decision.

One idea coming to my mind is to make the options scrollable. So, if options contains too many words due to which it will be hidden, user will just scroll down to see all options. 🤔

The score is so small, try to increase its side and make it visible for player.

Lastly, the end screen is looking a bit weird. I think making the function gameResult() size smaller solve the issue.

avinashji1302 commented 1 year ago

Great work @avinashji1302 👏 Now, the options are fully visible and user can play the game.

But, I think there is still room for improvement 🤔. See, we don't only want to make game playable but also want to make it visually more appealing.

As you can see in the screenshot below, the question and the options are more on the top of the screen, these will look much better in almost the middle of the screen. Also, reducing the height of the div on which the question and options are, will not be a bad decision.

One idea coming to my mind is to make the options scrollable. So, if options contains too many words due to which it will be hidden, user will just scroll down to see all options. 🤔

The score is so small, try to increase its side and make it visible for player.

Lastly, the end screen is looking a bit weird. I think making the function gameResult() size smaller solve the issue.

Please check Now

sarmadhamdani02 commented 1 year ago

Great Work @avinashji1302 👏👏

avinashji1302 commented 1 year ago

Great Work @avinashji1302 👏👏

Thank You ...

if there is any other work Please let me know

sarmadhamdani02 commented 1 year ago

Hi @avinashji1302

You did a great job and I just merged the pull request 👏

But, there is still an issue not solved yet and that is the Score font size issue. So, in mobile score font is so small that it is not visible.

According to me, the best possible thing you can do for that is to add font size in the media queries for the score.

avinashji1302 commented 1 year ago

Hi @avinashji1302

You did a great job and I just merged the pull request 👏

But, there is still an issue not solved yet and that is the Score font size issue. So, in mobile score font is so small that it is not visible.

According to me, the best possible thing you can do for that is to add font size in the media queries for the score.

I will fix it tomorrow , Thank you

sarmadhamdani02 commented 1 year ago

Sure no problem.