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 Using Simple JavaScript

Kyle 50

@kylecloete

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


This has been one of my favourite challenges to complete so far, making use of JavaScript and actually see you code do something was so interesting for me

When researching solutions for this challenge as well as looking at a couple of YouTube videos. I was left confused no offense to those people but what they were doing just seemed so convoluted for a beginner project.

I recommend looking at freeCodeCamps video "JavaScript Programming - Full Course"

Any Advice would be greatly appreciated especially regarding the structure of my html and appropriate tags to use for which section and how to clean up some of my JavaScript

Community feedback

Karthik SP 110

@karthisp

Posted

Great Job.

Looks very close to the original design.

Just a few suggestions

  1. increase the 'letter-spacing' for button text
  2. Increase line height for <p>
  3. 1 rem margin for '.rating_component' and <h1> should be good enough
0

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