Skip to content
Submitted over 3 years ago

Mobile-first solution using Flexbox, CSS Grid, and Vanilla JS

Vicktor•920
@Victor-Nyagudi
A solution to the Rock, Paper, Scissors game challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I couldn't figure out how to display the white rings around the player's pick without nesting too many <div>s.

If you found a way to accomplish this, please let me know.

Thanks.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Matt Studdert•13,611
    @mattstuddert

    Excellent work, Vicktor! Multiple box shadows would be perfect for those white rings. Here's a good CSS-Tricks article about box-shadow.

    Also, at the moment, the player's score doesn't reduce when the computer wins, and the player is on zero. I'd expect it to go into negative numbers to show how far behind the player is 🙂

    I hope that helps. Keep up the great work! 👍

    Marked as helpful

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