Skip to content
Submitted 16 days ago

Interactive Rating Component

P
lemz100•170
@lemz100
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

How I was able to complete the project with ease using skills I've learnt

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

Building the functionality for the interactive part of the page. I used console.log to set breakpoints and change things around, ensuring that the hover/select functionality of the ratings were working correctly.

What specific areas of your project would you like help with?

None

Code

Please log in to post a comment

Log in

Community feedback

  • Marzia Jalili•9,390
    @MarziaJalili

    Gorgeous! 🔥

    🌟 A tiny tip to consider in your next masterpieces?

    ✅ You can use the :active pseudo-class to change the button's style when it's being clicked or pressed.

    ✅ Here's how:

    .rating .rate:active {
  background-color = white;
  color: var(--grey900);
}

    Keep crashing those challenges — you've got this, seriously! 💪😎

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