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 Component using HTML, CSS, ReactJs

@AdaezeIkemefuna

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


I created this interactive component using html, css and react. I chose to use react so i can easily update user input using state management. Corrections and contributions are highly welcomed

Community feedback

Radu Chioreanā€¢ 100

@chioreanradudandan

Posted

Looks good.

But here are a few improvements you can make:

  • disable submit button before selecting a rating
  • style the disabled button
  • style the selected rating (not just on hover)

Marked as helpful

0
Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that the content needs some padding within the card using padding. Secondly I think that your button has a bit too much padding on the top.

In terms of your accessibility issues simply wrap all your content between main tags

I hope this helps

Cheers Happy coding šŸ‘

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