Skip to content
Submitted 12 months ago

I solved this challenge using react and flex-box

Juan Galvez•50
@Galvez121
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

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 💫•920
    @enzo-mirPosted 12 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 ;)

    1

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