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 HTML CSS JS

#accessibility

@mustafa-tufekci

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 is my second challenge. Any feedbacks are welcome especially about css

Community feedback

CyrusKabir 1,885

@CyrusKabir

Posted

Hello my dear friend ♥ you did good on this challenge and here some improvements for your component :

  • there is some mistake in your active states that orange background is for hover state and gray one is for active or selected rating
  • adding more line-height to body tag can make texts more readable
  • using or getting familiar with one class naming convention in css is very good and can make your life easier with both html, css try something like BEM or anything like that
  • you can use comparison slider tool on net or use Perfect Pixel extension for having closer result to main design. good luck ☻♥

Marked as helpful

1

@mustafa-tufekci

Posted

@CyrusKabir thank you for feedback. on next challenges I will try to keep on mind your advices.

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