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

RPSLS using Svelte, Electron, and TailwindCSS

@infinity7998

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


Hello! I had SOOOOOO much fun doing this challenge. Took me about 4 days to knock it out of the park completely! Thank you so much for the designs. <3

Another repo that currently hosts the static build is located at: https://github.com/aalekhpatel07/rpsls

I would really appreciate any feedback that you would have about this. Would love to be featured in one of your tweets.

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey there, Aalekh Patel! 👋

It's great to know you had lots of fun completing this challenge! 😀 You've done a nice job, too! 👏 The animations that you added really make your solution pop! 🙌

I suggest,

  • Adding overflow-x: hidden to the body to prevent a horizontal scroll bar from appearing along the bottom of the page in the desktop layout (it seems to happen after a round is played and the results are displayed).
  • Making sure the background fills up the entire page since smaller desktop screens (like mine), the background of the page doesn't stretch to cover the entire page (it only covers the visible viewport) leaving some white space at the bottom. 😉

Keep coding (and happy coding, too)! 😁

0

@aalekhpatel07

Posted

@ApplePieGiraffe Thank you so much for the comments. I will implement those fixes and deploy a new version soon.

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