All solutions

Overall this project went pretty well, I'm happy that I got the JS working :)

Here are my questions:

Should I have used a form for the submit- and rating-buttons and set it to required, or can I get away with using a default value for the rating (like I have now), in case anyone skips clicking a rating button?

How can I get the #rating-card and #thank-you-card to appear in the same spot (in the exact middle of the page)? I tried setting main to display: block and margin: auto but then both cards were stuck to the left-hand side of the viewport.

Lastly, in my last solution I had misunderstood how to use h1, h2, h3 properly. Have I used it correctly now?

I had some trouble figuring out how to space the contents of the colored divs on the right side (in desktop view, bottom in mobile view) evenly, so it looks a little messy. If anyone sees this and knows how you're supposed to do that I'm all ears!