Interactive Rating using ReactJS + Vite

Congrats on completing this challenge.

Make sure you use the correct background color specified in the design - Very Dark Blue: hsl(216, 12%, 8%). Based on the design it also looks like the background of the card has a slight gradient to it. Even though it wasn't specified in the design you can achieve something close to the gradient by doing something like

.ratingContainer {
	...
	background-color: linear-gradient(var(--secondary-bg-color), var(--main-bg-color));
}

In the next challenge you should try using the colors provided in hsl format instead of converting them to hex. This will give you the exact color provided in design.

Overall, great job!