All solutions

My focus was on learning React so I neglected the accessibility of the rating selector. To get it working I made it from divs and event listeners.

I think radio buttons are the proper native form element for this purpose, but I have never styled one to look anything like this challenge.

• Any suggestions of a better implementation from an a11y perspective?
• Is there any aria tags that could be applied for this component case?

Any recommendations for choosing the spacing between text elements without having to resort to measuring the pixels of each margin?

This time I just used justify-content: space-between and fiddled with the top and bottom margin of the price block, which seemed the most different of all.