Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Rock Paper Scissors Game made in HTML, CSS, and JavaScript

@liquidwater0

Desktop design screenshot for the Rock, Paper, Scissors game coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


A whole game make in 12 hours. Code is messy, but functional and (mostly) responsive on smaller screens. I would say it's good enough. Feedback is welcome.

Community feedback

@clarencejulu

Posted

Hello, The game works very well, however your icons overlap each other. I think it would be a good idea if you remove the 'height: 100vh' setting on your body element. You could also use REM values and reduce the root font-size when the screen size reduces so the app looks better on small screens. The app looks good but could look better on smaller screens.

Goodluck!

0

@liquidwater0

Posted

@clarencejulu Oh yeah, I did not think about using rems for small screens. Great idea. The way I put together the CSS was a bit messy. I do not plan to work on the solution any more as of right now, but I may end up revisiting it sometime and fixing it up more. Thanks for the feedback. Also I could have done the winner button shadows better. I could have used box shadows instead of psuedo elements, but I did not think of it at the time.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord