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

SCSS / BEM / VANILLA JS (bonus Lizard,Spock)

Alex 360

@ByKyZo

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


I tried to make the animations smooth, for a better game experience, tell me what you think! (I also add the game Lizard, Spock), Hoping that you like it !

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi there, Alex! 👋

Sweet work on this challenge! 🙌 Your solution looks and works pretty great and (as Matt mentioned) the animations make it extra cool! 😎

I only suggest perhaps slightly decreasing the size of the rock, paper, scissors icons in the desktop layout for the screens that have smaller heights (since at that point the icons are a bit large and cover up a little bit of the information bar at the top of the page). 😉

Keep coding (and happy coding, too)! 😁

1

Alex 360

@ByKyZo

Posted

@ApplePieGiraffe Thanks for your feedback ApplePieGiraffe: D I will see to adjust the size of the icons. Yes I will continue I love it!

1
P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Alex, I think you've done an amazing job! The animations are indeed smooth, as you mentioned, and add a very polished feel to the game. I also like the game switcher you added to the logo.

My main advice would be to use interactive elements, like the button element, to trigger the actions as opposed to div elements. As it stands, your game is inaccessible to anyone navigating using a keyboard. Ensuring the interfaces we build are accessible to as many people as possible is a key part of a front-end developer's role.

Keep up the great work. I love what you've done with this challenge! 👍

1

Alex 360

@ByKyZo

Posted

@mattstuddert Thanks for your feedback Matt! : D I completely agree with you! I got into a bad habit of using divs instead of buttons, I'll fix that right away :)

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