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

Responsive Interactive rating "app"

@MatthijsvanderPlas

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


Beginner at work. I feel my code is still messy and probably very redundant. I think I am getting it to work as it should but would like to hear alternative's or where I need to improve.

The Javascript is small and basic, I tried looking up how to access the actual value that is being submitted and feel this is not best practice.

Styling still takes me more time then I would like.

Any tips/recommendations are very welcome. Anything I need to improve on let me know.

Community feedback

Nika 180

@nikavolk

Posted

Hello Matthijs!

Technically, the component works flawlessly and had no issues with it. Your JS code is very optimized and elegant, I really like it!

Visually, there's only a few (very) minor things I've noticed:

  • the margins between elements are a touch too small
  • the rating buttons background colour is a bit off; what I did was reduce the opacity to get them look like in the brief
  • the ratings buttons aren't aligned to the edges of the innermost borders

Other than those very small details, I love your solution. Great job!

Marked as helpful

0

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