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-Lizard-Spock Game using React

Mithun Uโ€ข 150

@Kratos-750

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


I'm finding it challenging to implement a gradient background and ensure the responsiveness of my website. I would greatly appreciate any advice you could provide to help me achieve these objectives more effectively.

Community feedback

Md5 daltonโ€ข 1,430

@md5dalton

Posted

Hello Mithun ๐Ÿ‘‹

Cool you went with the bonus solution๐Ÿ˜Ž

Regarding the background gradient, I noticed you used a pseudo element to achieve the desired effect however, you could still have just applied it directly on #App or body and there would have been absolutely no need to write additional CSS for that pseudo element.

Cheers ๐Ÿ‘Œ

1

Mithun Uโ€ข 150

@Kratos-750

Posted

Hi there,

Thanks for your feedback! I appreciate the suggestion to apply the gradient directly on the #App or body element instead of using a pseudo element. I'll definitely try that approach to simplify the CSS code. @md5dalton

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