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

rating challenge

Guido Aguiarโ€ข 20

@guidoaguiar

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


How can I improve this for responsiveness?

And How can I improve the overall code?

Community feedback

Andriusโ€ข 130

@AndriusM5

Posted

Nice one, I would suggest adding a transition on buttons, it would make smoother animation after clicking them.

Marked as helpful

2
Khayaโ€ข 300

@khaya05

Posted

Hey Guido. I have a suggestion that will improve accessibility to your project.

It is important to build websites that people with disabilities can interact with in a meaningful way. One way of doing this is using semantic HTML tags.

  • For this project, you should use a <form>. Because users have to select one option, you could use <input type='radio' /> and have <label> for each input.

Check out this course by google about web accessibility ๐Ÿ‘‰๐Ÿฝ here

Hope this helps๐Ÿ‘๐Ÿ‘

Marked as helpful

1

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