Responsive Interacting rating component using html, css and JS

Hi @CLOUD_CODES, I've gone through your solution. Great Work!

A few things I noted about it:

• I can submit a rating without a visual indicator. which means when I click one of the ratings I don't get feedback that it's still selected.

.numbers-to_select p:hover {
  background-color: var(--Orange);
  color: var(--White);
}

I think it's better to add a class to the clicked rating that does what you're doing on hover so it show the user the rating that he selected.

Also on mobile you get a horizontal scrollbar that's because you're setting a min-width on your main-container of 400px but mobile can be as low as 320px. also the mobile design is 375px. so you're always get a horizontal scrollbar because of that.

Otherwise these are the main issues that I noticed hope this was helpful.