Submitted 8 months ago

Interactive Rating Component

Jack-OC• 190

@Jack-OC

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Interactive rating component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I had a few issues with using radio inputs to select ratings and then displaying it in the thank you section. I got it working and now have a better understanding of using input elements and using their values in javascript. Any suggestions to clean up my solution would be greatly appreciated, Jack

Community feedback

John• 410

@MiyaoCat

Posted 8 months ago

Nice work! I initially thought about using radio buttons, but I went with list-items because they were easier to work with. I think radio buttons was the appropriate choice.

One small detail - it looks like your numbers are slightly off-center vertically. They look a couple pixels too high.

Jack-OC• 190

@Jack-OC

Posted 8 months ago

@MiyaoCat Thanks for the reply, I’ll go see if I can adjust the line-height to fix that problem

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord