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

Interactive Rating Component - JS, CSS, HTML

elliezub 80

@elliezub

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


Changed this project up quite a bit. Feedback is welcome!

Community feedback

deft 110

@aqu4riu-S

Posted

Loved it! Teemo <3 (I would only add an hover effect on the rating numbers)

Marked as helpful

2

elliezub 80

@elliezub

Posted

@aqu4riu-S Good idea - thank you!

1

Account Deleted

I really like it! The only thing that ruins it in my opinion is the Submit button. The contrast there is very low. Also some padding around the button especially at the left and right would definitely make it look better.

For color I think a dark red like the background would fit perfectly. Or if you want to stick with the light orange button you could use dark color for text.

Also I recommend a small hover effect in the submit button. Maybe some small scaling transition!

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