Responsive Interacting rating component using html, css and JS

Community feedback

• 

  P

  Abouelhouda Iliass•480

  @ilyesabPosted 7 months ago

  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.

  0