Skip to content
Submitted over 2 years ago

Interactive Component using HTML, CSS, ReactJs

Adaeze Ikemefunaā€¢95
@AdaezeIkemefuna
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

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
    @chioreanradudandanPosted over 2 years ago

    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
    @shashreesamuelPosted over 2 years ago

    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

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