Skip to content
Submitted almost 4 years ago

RPSLS using Svelte, Electron, and TailwindCSS

Aalekh Patel•145
@infinity7998
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Rock, Paper, Scissors game
  • HTML
  • CSS
  • JS
4advanced

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    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
    Aalekh Patel•0
    @aalekhpatel07Posted almost 4 years ago

    @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

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