Skip to content
Submitted over 1 year ago

Interactive feedback

Crispy-Tofu•60
@Crispy-Tofu
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 little bit of trouble getting the star selectors to respond to a mouse-hover. I initially made them list items, which made the lay-out really easy, but the background of the star selectors didn't change with the :hover pseudo-class.

In the end I used Javascript to implement it and it works visually, but it might not be the best way to do it. It was some nice jQuery practice though.

Community feedback

  • C H A R A N 🎯•2,670
    @0xabdulPosted over 1 year ago

    Hello Front end Mentor Member well you successfully completed the Interactive rating component

    • A Few line of suggestions for improve your code
    • In Html📃 :
    • HEADING ⚠️
    • The html document must be included one level of headings like <h1> <h3> <h3> ect.. we use the header line by line or sequence
    • Ex :
    <body>
<h1>How did we do? </h1>
<p>
Please let us know how we did
with your support request. 
All feedback is appreciated 
to help us improve our offering!
</p>
<h2>  Thank you! </h2>
<p>
We appreciate you taking the
time to give a rating. If you ever
need more support, don’t hesitate
to get in touch!
</p>
</body>
    • I Hope you find the solution and it's useful for you your Interactive rating component project is Awesome Happy Coding Developer
    Marked as helpful
    1

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