Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive with Flexbox and JavaScript.

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'm a beginner at coding, and I very much appreciate any tips you might give me, and ideas to do things better! Thank you for taking a look! :)

Community feedback

@BerkePalamutcu

Posted

nice solution. I followed you on github :). The only advice I can give you is instead of adding multiple event listeners add only 1 event listener to body and choose the event by their class names. Keep up the good work!

Marked as helpful

1

iago 400

@iagohenrique2009

Posted

hi bro nice work!

my tips for you are add some transitions to yours buttons to make him more smooth on hover and focus.See these article is very helpful https://css-tricks.com/almanac/properties/t/transition/

Marked as helpful

1

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