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 TypeScript, React, TailwindCSS & FramerMotion

#framer-motion#react#typescript#tailwind-css

@TommieeN

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


My solution to the rock paper scissors challenge! Not sure why the triangle background disappeared when it got deployed, I'll try to fix that some time this week.

This was definitely a challenging one since this is pretty much my first time working with typescript and the design for this particular challenge caught me off guard since it looked simple at first glance. Definitely learned a lot from this.

Let me know if there are any parts of code that aren't following best practice. I'm always open to improving. Feedback is always welcomed!

Community feedback

Carl 815

@CarlHumm

Posted

Hi there

Not at my PC but according to this answer you need to specify the parent directory in your asset path in tailwind config, so ../src/assets/images/bg-triangle.svg instead of ./src/assets/images/bg-triangle.svg.

Looks good man, best of luck on your next project

1

@TommieeN

Posted

@CarlHumm Yep that fixed it. Weird I thought since the config file is in the same directory you only needed to do one dot ( ./ ). Thanks Carl.

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