Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive Rating Component | Responsive | Mobile First

#accessibility
ROCKY BARUA 1,090

@Drougnov

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


[solution:27]

Give me some ideas to make these transitions/animations look better. Thanks in advance :)

Community feedback

@Kamasah-Dickson

Posted

  • Your solution looks great and responsive on smaller devices. But one thing is that the background color is a bit different as compared to the design. You can reduce the background color's opacity to match the design.

  • You can also use the transform translate for the animation. You can make the current card translate from up and the second Translate from the sides or bottom. Besides great job there👍 Happy coding👍💻

Marked as helpful

1

ROCKY BARUA 1,090

@Drougnov

Posted

@Kamasah-Dickson Thanks a lot.

0

@Kamasah-Dickson

Posted

@Drougnov You are always welcome👍

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