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

Interactive Rating Component - HTML CSS JS

JimTK16 370

@JimTK16

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


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,230

@danielmrz-dev

Posted

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

@JimTK16

Posted

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

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

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
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