Skip to content
Submitted 10 months ago

Interactive rating component with Vanilla JS,html and css

Asish Patnaik•160
@asishPatnaik2000
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

Please give any suggestions you have for the code.Any suggestions on how I can improve are welcome!

What did you find difficult while building the project?,Which areas of your code are you unsure of? -> to adjust the main rating component to proper dimensions for mobile screen and some other css issue and I am unsure about that part

Community feedback

  • Nikhil Tanwar•260
    @NikNTPosted 10 months ago

    Hi Asish,

    You have done a great work with the challenge. I reviewed the index.css file on GitHub and I must say that you have written the code in a structured format.

    For the preview, I must recommend you to make the container for the star icon a bit more round. At present, it seems that it is stretched a on the bottom which is giving it a spherical shape.

    Secondly, I observed that there is an outline is currently visible on the button. You can simply remove it to make the button look more elegant. The text on the button also needs to be centred and it would be great if you can limit the font-weight while providing a bit of spacing between the alphabets.

    I am sure you would be able to make the tweaks with efficacy.

    Overall, your design and approach to the challenge is good!

    Keep Coding 🔥

    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