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

Amina 880

@minalfatih

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

@zohaibxJackie

Posted

Hi, Really impressed by the code. I wanted to ask question, hope you will guide me, How did you add the box shadow in the buttons?

0

Amina 880

@minalfatih

Posted

@zohaibxJackie

I use the ::before pseudo-element to make the outside box shadow.

But the box shadow inside the button, I just put a gray background for the button, then I put the border, and inside this button there is the icon 💁🏻‍♀️, so I put a white background for the icon and then I reduced its size, so the gray color appeared as a box shadow and this is how it appeared.

I hope this is clear and helps you💙

1

@zohaibxJackie

Posted

@minalfatih ok thank you:)

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