Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive interactive rating component main with jQuery

#jquery

@somaye-beiranvand

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello every one😊

Welcome to my new solution🌷🌷🌷

Any feedback on code or design is appreciated 🙏🙏🙏

Community feedback

yishak abrham 2,150

@yishak621

Posted

Its a good design but when a person clicks on the rate us btn the rating btns should be cleared (not active)

Marked as helpful

0

@somaye-beiranvand

Posted

thank you yishak

fixed that problem too

0
P
James 320

@james-work-account

Posted

A couple of immediate things:

  • In Firefox, your radio buttons are still visible (albeit tiny). You can set something like -moz-appearance:none; but this will make keyboard navigation look a bit odd. Worth investigating.
  • There isn't any feedback that the selected radio button worked - it would be good to keep the active radio button visibly selected.
  • Your "Rate us again" element needs to be a <button> not a <div>. You should never have interactive elements which aren't buttons, inputs or links.

Marked as helpful

0

@somaye-beiranvand

Posted

thank alot james

I will fix them now

0

Please log in to post a comment

Log in with GitHub
Discord logo

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