Skip to content
Submitted almost 3 years ago

Interactive Rating Component

Amit Kumar•100
@amit-kumar-18
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • The image in thank you window seems to load slower than the rest of the page.
  • Submit button has a weird outline on the upper corner.

These are my main concerns any other feedback is most welcome. " I have created a fun little animation on the star feel free to explore."

Code

Please log in to post a comment

Log in

Community feedback

  • Gustavo de Camargo Campos•200
    @themegazord

    Hi Amit Kumar, congratulations on the solution.

    Answering your question, the weird border, you would have to use the border: 1px solid transparent; to 'take off' any border that might be, since we set it to transparent.

    Corresponding to the delay when loading the image, try just creating it via HTML, and just set or not display: none, in the div to disappear and continue respecting display: flex the next time it stays.

    One last tip, the organization of your folders, you can create an assets folder and inside it create two more, with the name css and js and inside each, insert the responsible file for each folder.

    Don't forget to mark it as helpful :-)

  • Mohammed Zakaria Khan•180
    @zaks276

    Hello Amit. Good job on the solution. I like the little animation. Its a nice touch.

    • To remove the border on the submit button use border: none; in your CSS.
    • As for the slow loading image, I believe it is due to rendering the thank you window via Javascript. I've noticed the same effect with other solutions that used this method.

    I hope this was helpful.

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