Skip to content
Submitted over 1 year ago

Simple interactive card using TYPESCRIPT/SASS/WEBPACK

Cristina Kelly•140
@cristinakellyt
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

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-spacePosted over 1 year ago

    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
    Cristina Kelly•140
    @cristinakellytPosted over 1 year ago

    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

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