Interactive rating component built with vite+react+tailwindcss.
Design comparison
Solution retrospective
Hello, I would like to know a better way to recycle states for different elements and then pass it by a props. Any refactor examples of this code would be deeply appreciated. Happy coding!
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @websebarz, Congratulations on completing this challenge!
To improve the card overall responsibility, you can start to add
flex-wrap
inside the class that manage the section for therating numbers button
and make the adjust to fit in different rows while the container scales down, not that without this property the container doesn't shrink. Here's the code applying these changes:.flex { display: flex; flex-wrap: wrap; }
โ๏ธ I hope this helps you and happy coding!
Marked as helpful1 - @hyrongennikePosted about 2 years ago
Hi @websebarz,
Congrats on finishing the challenge, looks great I like the rate again button you added just something I picked up when you click on the rating number it does not show that it is selected for a second I clicked multiple times thinking that it's not working, just making it visible which number has been clicked would improve the user experience.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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