Interactive Rating Component using html, css and javascript

It is looking great and working well!! It would help if you worked on Gradients and Flex and Grid properties. You can use Flexbox to center your container:

body {
    display: flex;
    align-items: center;
    justify-content: center;
}

Or You can use Grid!

You can easily center the component by giving the body these three styles:

body {
   display: grid;
   place-items: center;
   height: 100dvh;
}