Submitted 9 months ago

I solved this challenge using react and flex-box

#react

Juan Galvez• 50

@Galvez121

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It was a perfect project to practice my useState. I would some feedback on my css.

I could not find a way to make my svg component smaller in the media queries.

It helped me to learn how to deploy a React website using Git Hub.

Community feedback

enzmrg 💫• 870

@enzo-mir

Posted 9 months ago

This is a nice challenge !

Try to reset margin, padding and box-sizing to avoid the body margin
Fix the size of you card container even if it's rating or submited
Hover effect on submit button cursor : pointer

Else if nice animation on rating ! Well done ;)

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