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

Responsive Interactive rating componenet

@Subhadip757

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@JlordS32

Posted

Hi Subhadip,

Congrats on finishing this challenge. This must have given you enough challenge to learn a lot of things and I hope you continue in doing so. To answer your question about the problem. Due to me not being to directly see the code (please add the github repo source code).

I can see that you might have some javascript going that toggles container to none when rating is submitted, however because you set it to block when Rate Again is clicked, it puts the container at the top left of the page.

What you can do in this scenario is to adjust the javascript to adjust from none to flex, instead of none to block. I hope that helps.

Marked as helpful

1

@Subhadip757

Posted

Thanks for the help brother. I appreciate your time and effort. @JlordS32

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