All solutions

Curious how this could have been accomplished with only CSS!

Open to any ways I could improve!

i don't hate the way i offset the boxes on desktop view, but i think i probably should have just done align top-center-bottom / left-center-right. i got this error on axetools: The landmark must have a unique aria-label, aria-labelledby, or title to make landmarks distinguishable about my asides (rating section) but i don't know what that means exactly. open to any suggestions for how i could have done this better :)

Always welcome feedback! The simple stuff can be the best place to learn.

I'm proud of myself for doing mobile first and for figuring out grid for the first time, but by the end I realized I probably should have relied more on things like min-height, and less on things like padding with pixels to make things "pixel perfect" to the screenshot. Even though I know I shouldn't even be trying to do that XD Curious also about how I did with my use of semantic HTML elements!

I know my JS isn't quite right, obviously because it isn't working and is always showing the error message. But I'm wondering what the proper way would be. Even if my code did work, I believe it would only run once, when I need it to run and check for an invalid pseudoclass every time something new is typed in the box.

I was also wondering if there was any problem with how I relied on built in browser validation rather than using javascript or a library.

Thanks!

Feeling pretty happy with this. Tried to get my screenshot pixel perfect even though I know I shouldn't do that- I did make a couple choices, like the range in between desktop and mobile, that I'm happy with. Always wondering if I could have done anything better!

I wonder what would be considered the true "best practice" way to pass the rating variable through. I also wonder if I'm saying that right. Also, I wonder how the JS that Eric helped me with could be simplified. Lastly, I wonder what sort of solutions people came up with to prevent someone from pressing Submit until a rating had been chosen.