interactive-rating-challenge

Hi Tushar, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

To make the submit button work only when a user selects a number, do this:

btn.forEach((btn) => {
    btn.addEventListener("click",() => {
        rating.innerHTML = btn.innerHTML
        button.addEventListener("click",() => {
            thanks.style.display = "block"
            main.style.display = "none"
        })
    })
})

The rest is great!

I hope it helps... 👍

Hello @Tushar6396, congrats on finishing the challenge and you did a good job on it. To have your card center exactly in the middle of the screen try adding "height:100vh" to the body and remove the margin-top from the main container.

For the main container, you could add more padding-top to have a bit more space between the start and the border of the container. You could also increase the size of the buttons to 45 px, like that they would be a little closer together and look much better. For the button, try increasing the padding to 12px and the border radius to 25px with a font size of 16px, and see how it looks.

Good luck on your future challenges.