Skip to content
Submitted about 3 years ago

Desktop/mobile solution using React and Material UI

material-ui, react, styled-components
Curtis•930
@webguy83
A solution to the Rock, Paper, Scissors game challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • Jakub Krwawicz•320
    @kerminek

    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 :)

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