Skip to content
Submitted over 2 years ago

Desktop/mobile solution using React and Material UI

Curtis•930
@webguy83
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

For responsiveness is it better to scale the SVG main title graphic based on say the viewport width or just use breakpoints and have pixel/rem values? Personally I chose the latter. Other than that would be happy to hear any further feedback!

Community feedback

  • Jakub Krwawicz•320
    @kerminekPosted over 2 years ago

    Great solution. Nothing to add. Nice, responsive mobile version. And answering your question: well, it depends... In your case, scaling it with viewport units could work. But in my project, where i've used precise animations, i prefer a solid width and breakpoints. I would like you to see my solution too :)

    1

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