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

Rock, Paper, Scissors game using Grid,Flex and Vanilla Javascript

@Haybuka

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


Firstly,this was really challenging,as its my first complex project,but i gave it my best. on the actual design,there is a background under what user wins,how would you suggest going about creating that(i tried before and after combinations)?..

Community feedback

Abhik 4,840

@abhik-b

Posted

Hi HAYBUKA, Good job on this challenge 👌.

  • Your Rules Button Looks amazing , the transitions are really super 🔥
  • The rotating animation of those buttons is also 🔥🔥
  • Its responsive also , so its great overall
how would you suggest going about creating that(i tried before and after combinations)?..

I would do something like have a div (say div1) then inside that I'll have the buttons when the user/house wins then that particular button's div1's before and after pseudo-element can be stylized. I myself could not get perfect results on that however my results were convincing enough.

Other than that good job on this challenge, Keep it up 💯

0

@Haybuka

Posted

@abhik-b Thank you for this,i am grateful... will put it to application and see what else i need to tweak up

1

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