Interactive Rating Component using HTML, CSS, Javascript, and Flex
Design comparison
Solution retrospective
This is my solution to the Interactive Rating Component Page. Feel free to give any suggestion or pointing out any mistakes I made.
Community feedback
- @lurnfxPosted about 2 years ago
great work doing well! but want to give u suggestions about the sizing of the box and font - size Try to use padding more to get that inner margin, try to make it more visible, and make the font bit larger so it can be read easily, learn about Pseudo classes like hover to change the behaviors of function when you hover over it. Nice Work Bro! Keep it up👍
0 - @DavidMorgadePosted about 2 years ago
Hello Genesis, congrats on finishing the challenge, great job!
If you don't mind, let me give you some advices.
-
For the submit button, instead of applying the
background-color
andcolor
styles on focus, try to apply them on hover, it will feel much like a real App!, because if I select the button without selecting any rating, it just stays with the color changed until I click elsewhere because is focused. -
Also would add some
cursor: pointer
to the rating buttons and also to the submit button, to give the user a clear sensation that those are clickables.
Apart from that, you did a really good job in this challenge!
Hope my feedback helps you!
0 -
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