Submitted over 3 years ago

RPS Game

David Payne• 1,205

@dpayne713

Preview site View code

This is a solution for...

Rock, Paper, Scissors game

HTML
CSS
JS

4advanced

View challenge

Design comparison

SolutionDesign

Solution retrospective

Took a while trying to optimize for mobile.

Comments on bugs or formatting issues welcome. Thanks!

Community feedback

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hey, David Payne! 👋

Nice work on this challenge! 👏

I really like that you can choose between which version of rock, paper, scissors you want to play! The animations are cool, too! 😎

I only suggest,

Allowing users to scroll in the desktop layout of the site. Currently, vertically scrolling is disabled in the desktop layout of the site, meaning some of the content is cut off of the page and unreachable on smaller desktop screens.

Keep coding (and happy coding, too)! 😁

David Payne• 1,205

@dpayne713

Posted over 3 years ago

@ApplePieGiraffe Thanks! Yeah I need to spend more time on screens with limited height.

Matt Studdert• 13,611

@mattstuddert

Posted over 3 years ago

Awesome work on this challenge, David! Really nice touch adding the option to choose the game at the beginning!

David Payne• 1,205

@dpayne713

Posted over 3 years ago

@mattstuddert

Thanks Matt! That means a lot.

This one was great for dry JavaScript implementation and mobile formatting.

Enjoying the challenges!

Matt Studdert• 13,611

@mattstuddert

Posted over 3 years ago

@dpayne713 awesome to hear you’re enjoying the challenges!

Yeah, it’s nice to see you went with plain JS. The animations add a nice layer to it as well.

Keep up the great work!

Web Frog• 1,840

@MasterDev333

Posted over 3 years ago

Great work David. Your solution is spot on. User friendly and fully responsive. It's the best solution for this challenge, I've been so far. Look forward to seeing other solutions from you. Happy coding~ :)

Please log in to post a comment

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