Interactive Rating Component

Hi. I think I understand what your problem is. It looks like you used <button> for your solution. And I can understand that is a reasonable idea, however, the solution seems to use radio buttons which are a form of input that only restricts the user to one answer. I’m sure it’s possible to use your solution with a lot of JavaScript, but I think the way to go would be with radio buttons and styling them to look like you do now.

To get you started: https://moderncss.dev/pure-css-custom-styled-radio-buttons/

And also search for how to put a label inside of a radio button

Hi, The solution worked. I had to search a bit to learn how to place a label inside a radio button. Hope the challenge is completed successfully. Thank you for your feedback and do give your suggestions on future challenges too.