Skip to content
Submitted over 1 year ago

Interactive Rating Component by Zethess

Zethess•430
@Zethess
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

Made with sass and although not requested has a small animation that when sending the form, the card makes a turn on itself to show the back of the card.

Any feedback is welcome and appreciated

Community feedback

  • Paweł Chudecki•840
    @SoulRvr29Posted over 1 year ago

    Looks good, I like the animation. I would correct a few things: during the hover, the numbers should be white, because the gray color on the orange background is difficult to see. The submit text could be more centered, I would add padding-top: 4px; to it. And finally, in my opinion, the submit button should be inactive if nothing is selected. Good luck.

    Marked as helpful
    0
    Zethess•430
    @ZethessPosted over 1 year ago

    @SoulRvr29 Thanks for the feedback Pawel, I just corrected everything and added what you commented to the button.

    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