Interactive and mobile responsive rating form using CSS and JS

What are you most proud of, and what would you do differently next time?

I have created reusable rating radio buttons that I can easily plug and play into my future projects. I also learned how to use accesskey="value" to make them keyboard-accessible.

What challenges did you encounter, and how did you overcome them?

One of the challenges I encountered was centering the form and placing the attribution at the bottom of the page without causing issues with height responsiveness. I overcame this by setting grid-template-rows: 1fr auto; on the body to create a second row that will accommodate the height of the attribution. Here is the full style:

.body {
  display: grid;
  grid-template-rows: 1fr auto;
}

.form {
  /* center the form in the page */
  align-self: center;
  justify-self: center;
}

What specific areas of your project would you like help with?

I think I could improve how I set up my HTML5, SASS, and JavaScript. If there are better practices or ideas that could help, I would appreciate learning about them.