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

scissors, paper, rock, spock and lizard

@ale02code

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

Community feedback

Jack Smith 350

@Clonephaze

Posted

Looks good! One thing though, for the pieces/tokens you're using divs. When you're creating something that you intend to be clicked, it should almost always be a button element instead. "<button type="button" aria-label="Paper" class="token-paper"></button>" for instance. You'll just need to style out the default border that buttons come with in your css.

The reason is that while both can be clicked and you get a result, button elements can also be tabbed to by default and "clicked" with the enter key which is more accessible.

Marked as helpful

0

@ale02code

Posted

@Clonephaze You are very right, thank you very much

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