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 animation

#sass/scss
Miguel Chavezβ€’ 210

@toonchavez8

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
Alexβ€’ 1,990

@AlexKMarshall

Posted

Hey there, the styling of this looks very nice, and it looks good on a small screen. The animation is a nice touch.

Did you try testing it with a keyboard though? It doesn't work for anyone that isn't using a mouse, unfortunately.

To fix that you'll want to look into using <form> and <input type="radio"> elements. As a bonus, doing that will allow you to remove almost all the javascript, and rely on pure HTML and CSS for almost everything.

Marked as helpful

1

Miguel Chavezβ€’ 210

@toonchavez8

Posted

@AlexKMarshall

Oh wow, that's great insight I actually didn't consider that keyboard option. I definitely will have to re-iterate the page and update with that in mind. I also want to incorporate a back option as having to refresh can be a hassle.

Thank you very much!

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