Skip to content
Submitted over 2 years ago

Interactive Rating Component with React and Framer Motion

Joseph Maramba Weyao•195
@mamba-dev-KE
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

On mobile there is this weird bluish color when you click on the buttons. How can this be removed? Tried multiple things including targeted clicks on the button with pointer events only set on the buttons while the card had pointer events set to none (this did not work).

Community feedback

  • Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    I really like your solution and the animation you added.

    • No accessibility and HTML issue.
    • Your solution is also closer to the design. Well am viewing your solution on mobile but am not experiencing any blur.

    Besides great job there👍 Have a nice day and a happy coding👍💻

    2
    Joseph Maramba Weyao•195
    @mamba-dev-KEPosted over 2 years ago

    @Kamasah-Dickson Thanks for your comments! Nice day and happy coding 😀💻

    0
    Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted over 2 years ago

    @mamba-dev-KE you are always welcome👍

    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