Submitted almost 3 years ago

Astro, WCAG Accessibility, CSS Animations & Vanilla JavaScript

accessibility, astro, bem, sass/scss, animation

Mark Teekman•365

@markteekman

A solution to the Rock, Paper, Scissors game challenge

Preview Code

Solution retrospective

I used fixed widths and heights to achieve the buttons on the pentagon background. I was thinking about using CSS Grid, but didn't know how to get it right. I'm curious about how other solutions tackled it and I might try it out if there's a better way.

Code

Please log in to post a comment

Community feedback

Suleman•750
@legion40216
Posted almost 3 years ago
Well done bro, love the use of the scale animation and the opacity transitions it bring it to life, could u explain the animation you used in this app i would like to try some of the myself :)
Noha M.•415
@NohaFahmi
Posted almost 3 years ago
Hi, Mark I Loved your solution! It is really great work, keep going!
Haripriya•0
@Haripriya2004
Posted almost 3 years ago
As a beginner, I loved this but idk why its not fit into my lap screen or the style itself.. I need scroll a little to see reset button!

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