Skip to content
Submitted 9 months ago

Interactive Rating Component

Jack-OC•230
@Jack-OC
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

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
    @MiyaoCatPosted 9 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.

    0
    Jack-OC•230
    @Jack-OCPosted 9 months ago

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

    0

Please log in to post a comment

Log in with GitHub

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