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 with Vanilla JS,html and css

P

@asishPatnaik2000

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


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

@NikNT

Posted

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