Skip to content
Submitted 7 months ago

Interactive rating component with vanilla Javascript

Diogo Luxa•120
@DiogoLuxa
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

What are you most proud of, and what would you do differently next time?

I'm pleased with the outcome, this, in my opinion, is my best project so far as I've been improving my approach to building HTML in an organized way, as well as working more efficiently with vanilla JavaScript before advancing to React.

What challenges did you encounter, and how did you overcome them?

Challenges included considering keyboard usability and card rotation.

Community feedback

  • Bálint Korpai•620
    @kemenyfa-szuPosted 7 months ago

    Hello @DiogoLuxa!

    Congratulations on completing this FrontendMentor challenge! Well done!

    • Only one teeny tiny observation: You can apply a justify-content: space-between property on the .card__buttons class as it already has a display: flex; property applied, so the rating buttons will not be alligned to the left. It would be a better user experience.

    Keep up the good work!

    Marked as helpful
    0
    Diogo Luxa•120
    @DiogoLuxaPosted 7 months ago

    Hi, @kemenyfa-szu !

    I really appreciate it! Thanks for your feedback and I will check it in my code.

    ^^

    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