Interactive Rating Component using the Flex Box Layout

Hi everyone,

This is my Interactive Rating Component using the Flex Box Layout to center the component.

I am unsure about the approach in the rating button, I used the "::active" pseudo-element to decrease the code in JavaScript. Is this a good approach in the long run or in the big website's perspective?

If you think there are some incorrect approach to the challenge, feel free to comment it out.

Thank you very much! 😁