Skip to content
Submitted almost 3 years ago

Interactive rating component using flex-box. First JavaScript project!

accessibility
Illyaas•700
@Illyaas4Show
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first ever javascript project so feedback on Js code will be appreciated! Also are the comments that I used in the CSS useful? What should I think about when using media queries?

Code

Please log in to post a comment

Log in

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hi there, Illyaas! 👋

    Nice work on this challenge! 👍 Your card component looks good and functions well! 👏

    One or two small things I suggest are,

    • Adding cursor: pointer to the buttons in this challenge to let users know that those elements are clickable when they hover over them with their cursor.
    • Adding a .gitignore file to your repository so that you can avoid uploading certain unnecessary files (such as the .DS_store file) to your GitHub repository. You can learn more about .gitignore files and how to use them here, if you'd like. 🙂

    Hope you find these tips helpful. 😊

    Keep coding (and happy coding, too)! 😁

    Marked as helpful
  • Idris_DY•190
    @IdrisDY

    Very good attempt but I think you can work on reducing the width of the overall container. It is overflowing horizontally so you might want to check your margin and padding in your CSS.

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