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 with basic HTML/SCC/JS

Eneyee 60

@Eneyee

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


Please provide general review of a project, any feedback welcome!

Community feedback

Mithun U 150

@Kratos-750

Posted

Nice solution.

I learnt a bit from it as well.

But I think you missed the active status for the submit button, you can do this using the .element:hover in css.

And I hope you have used the colors specified in the style guide , You can store them as variables and use them, It'll make it much easier.

Ohh and I think you have written a lot of code for your buttons I think you should keep it simple:)

You can also check out my solution since I tried doing it in a different way and hope you will find some new ideas from it :)

Hope you find this helpful!! Happy coding!!

Marked as helpful

1

Eneyee 60

@Eneyee

Posted

@Kratos-750 Thank you for a feedback! Yeah, I've implemented :hover on the "submit" button, but it's changing the opacity from 80 to 100. Will rewrite it to change color, to make it more visible. Oh, and thanks for pointing out about using colors as variables, that would definitely make it easier.

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