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

Simple interactive card using TYPESCRIPT/SASS/WEBPACK

#sass/scss#typescript#webpack#handlebars

@cristinakellyt

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


I did this project to practice some knowledge.

I am happy with the result, but it would be even more if you guys tell me how to improve it or fix something wrong!

I appreciate your time! =)

Community feedback

faizan 2,420

@afaiz-space

Posted

Hey @cristinakellyt .

When hovering over the button of number 2. Then the color of the button of number 1 changes. This is happening with each and every button. When you hover over the forward button, then the hover effect will be seen on the button before it.

-- I think there is a problem.

#rating-values input:hover+input {
background-color: #959eac;
color: #fff;
}
1

@cristinakellyt

Posted

Hi, @afaiz-space ! Yes, actually this was intentional because I misunderstood the hover effect. But I submitted a new solution with this issue fixed!

Thank you!

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