Skip to content
Submitted over 2 years ago

HTML, CSS, JS

icyrockgirl•30
@icyrockgirl
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

Please provide suggestions and improvements for my code. It would be really helpful. 😊

Community feedback

  • Erel Ropeta•385
    @ereljapcoPosted over 2 years ago

    Re: styles

    • The select should be be light grey colored, while the hover state should be the orange colored
    • You forgot to add cursor: pointer
    • You forgot the hover state for the submit button

    Re: accessibility

    • wrap your main contents with the main tag
    • wrap your attribution with the footer tag
    • since the image is for decorative, you could add alt=""

    More information regarding accessibility here https://www.w3.org/WAI/tutorials/images/

    Overall, great job on finishing the challenge! Hope to see more finished challenges from you :)

    Marked as helpful
    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