Skip to content
OverviewSolutions
7
Comments
3
alexgabriel8
@alexgabriel8

All comments

  • alexgabriel8•120
    @alexgabriel8Posted almost 2 years ago

    Wow, your project is really beautiful. Using the star as a way of toggling between light/dark mode was really creative and the animations just make it even better.

    One thing I think would make your project even better is to put a cursor: pointer; in the star and in the "go back" arrow icons. Your screenshot also seems to be outdated, with the submit button in a strange location.

    Marked as helpful
    0
  • Eri•60
    @iEeriiSubmitted almost 2 years ago

    Hi! This is my first challenge code with JS. Hope you like it 😊 Any feedback or suggestions are welcome for me to improve it. TY!

    Interactive Raiting

    2
    alexgabriel8•120
    @alexgabriel8Posted almost 2 years ago

    Hey, nice work with your project! I really liked that you showed the results in another page instead of just hiding the element with the rating and making the element with the results visible, because that's what I did.

    Also, the "submit" button is missing a cursor: pointer; , only the ratings have it.

    1
  • alexgabriel8•120
    @alexgabriel8Posted almost 2 years ago

    Hey, I'm a beginner too. Wanted to say your project looks real good. Here's a quick hint: you can put cursor: pointer; inside .rating-container .rating input::after and .rating-container .submit button to change your mouse icon into a hand whenever you hover your mouse to the ratings or the submit button, giving a visual indication that you can click on the element.

    If you think that the cursor: pointer; should be placed in another selector, feel free to do so.

    Edit: For some reason, your project does not work correctly on the Mozilla Firefox browser. The ratings disappear and the submit button stops working. If you want, you could ask your mentors/teachers about what is happening here.

    Marked as helpful
    0