Skip to content
Submitted 12 months ago

Interactive Rating Component Using Simple JavaScript

Kyle•50
@kylecloete
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

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
    @karthispPosted 12 months ago

    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

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