Skip to content
Submitted 11 months ago

Interactive Rating Component - HTML CSS JS

JimTK16•370
@JimTK16
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'm not sure if using h1 and h3 tags is the best practice in this case. Also, should I use a form element to wrap around the rating buttons and the submit button?

Any other feedbacks for improvement are welcome. Thanks

Community feedback

  • Daniel 🛸•44,250
    @danielmrz-devPosted 11 months ago

    Hey, @JimTK16!

    Your project looks very nice.

    I think your h1 and h3 are both used correctly.

    The only thing I'd add in your project is cursor: pointer; on the numbers and the submit button. It's quite obvious that those elements are clickable, but this makes your project even closer to the original design.

    I hope it helps!

    Other than that, great job!

    Marked as helpful
    1
    JimTK16•370
    @JimTK16Posted 11 months ago

    @danielmrz-dev thanks Daniel, I updated my code to reflect your suggestion.

    1
    Daniel 🛸•44,250
    @danielmrz-devPosted 11 months ago

    I took another look! It was good before, but now it's even better!

    Great job!

    @JimTK16

    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