Skip to content
Submitted over 2 years ago

Responsive with Flexbox and JavaScript.

Danilo Barolo Martins de Lima•110
@danilobml
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'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

  • Berke Palamutcu•50
    @BerkePalamutcuPosted over 2 years ago

    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
    Danilo Barolo Martins de Lima•110
    @danilobmlPosted over 2 years ago

    @BerkePalamutcu Thank you! I'll keep that in mind for the next ones!

    0
  • iago•400
    @iagohenrique2009Posted over 2 years ago

    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
    Danilo Barolo Martins de Lima•110
    @danilobmlPosted over 2 years ago

    @iagohenrique2009 Thank you! I'll check it out!

    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