Hey man,
Looking good! You're doing great!
I added a little bit of JavaScript to add a class to the rating you clicked to change its colors.
This is what I came up with:
ratingNo.forEach((e) => {
e.addEventListener("click", () => {
ratingTaken.innerHTML = e.innerHTML;
ratingNo.forEach(rate => rate.classList.remove("rating_yes"));
e.classList.add("rating_yes");
})
})
I renamed the .rating_no:target CSS class to the following:
.rating_yes {
color: hsl(213, 20%, 22%);
background-color:hsl(217, 12%, 63%) ;
cursor: pointer;
}
Basically what this function does it adds the .rating_yes class to the rating you clicked. But right before that it checks and removes the .rating_yes class from all the other ratings so you wont have any duplicates.
I hope this helps my man, keep it up!