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

React and SCSS

Brendon 70

@bcrave

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Although it seemed at first that this component maintains its dimensions on both mobile and desktop views, I found that it get's bigger and becomes a square on desktop. I ended up not including the larger size, but would like to figure out how to make all the elements inside the component match the design on both mobile and desktop. Maybe I should use percentages for the widths of the elements?

Community feedback

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