Submitted 4 months ago

Frontend Mentor | Interactive rating component

Moundjid Machghour•520

@PxMach

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

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

it was normal, without difficulty

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

in my box thanks, I couldn't place the paragraph correctly

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

in my box thanks, I couldn't place the paragraph correctly

Code

Please log in to post a comment

Community feedback

Marzia Jalili•9,670
@MarziaJalili
Posted 4 months ago
Tempting! 👏👏👏

A tiny Tweak?

✅ On the hover state of the buttons, the color of the numbers is a little too light to be seen, bro. You could set it to that darker color on the active state.

✅ Also, for a smoother color change, you could use the transition property.
```
transition: background-color 0.5s ease, color 0.5s ease;

/* or for all the properties */
transition: all 0.5s ease;
```
This ensures that the colors will change after 500 milliseconds, assuming it will be done with ease - adding some sort of animation.

✅ And for the paragraph on the Thank you card, you could set the line below to center the text, as in the design.
```
text-align: center
```
✅ Lastly, I've recently started a study group on Google Chats, let me know if you're interested to be added there.

Amazing work overall, hit the books even further!

😎😎😎
Marked as helpful

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