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 1st attempt using HTML CSS JS

@123Satyajeet123

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 suggest some things that i can improve on and what things i can add extra here and also provides some learning resources.

Community feedback

@KaydenGiang2512

Posted

The result seems pretty nice for your first attempt, and responsiveness is good! I just have some feedback based on my personal opinion:

  1. The card seems to small for desktop (in comparison to the original design) so the content within is cramped and therefore some elements aren't exactly fitted well inside, for example the rating circles and the star icon on the first card.
  2. The font color on the submit button should be white (for the sake of the provided design)
  3. font sizes are smaller than the required ones (15px) which could largely be due to the limited height and width you set for the containers (refer to my first feedback). Frontend Mentor always provides design screenshots as well as parameters for most of the elements on the page, so keep an eye on those in your future projects to replicate the original as well as you can.

Other than these comments, you did an excellent job overall and best of luck to you on your next challenge!

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