Submitted 18 days ago

Interactive rating component with vanilla Javascript

#sass/scss#bem

Diogo Luxa• 80

@DiogoLuxa

Preview site View code

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

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-szu

Posted 18 days 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

Diogo Luxa• 80

@DiogoLuxa

Posted 18 days ago

Hi, @kemenyfa-szu !

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

Please log in to post a comment

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