Interactive Rating Component

Hi Adrianna!! Good Job! Offcourse you can selected by element id.

A little detail about your code :

    button.addEventListener("click", clickRatingBtn);  
 submitRatingBtn.addEventListener("click", ratingSubmit);
});

In every loop of forEach you are assigning the same event for submitRatingBtn element : submitRatingBtn.addEventListener("click", ratingSubmit);

So you can move this line and put it outside

    button.addEventListener("click", clickRatingBtn); 
});
 submitRatingBtn.addEventListener("click", ratingSubmit);

On the other hand the card must be centered.

You can do that in your main tag instead container class.

     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;

I hope you are well and keep it up !