struggling :'')

Hello @khadijahashmi2 ,

It's fine to struggling :)

Could you tell us what is blocking you ?

I check the live preview and the radio button that you have close to the numbers are easily hidding just by this property : visibility : hidden

Allowing you to move your label as you want with position relative property.

You can use <form> tag to wrap the numbers and the submit button then on your js file you can use dom event like :

form.addEventListener('submit',(e) => { e.preventdefault() }

The e.preventdefault() prevent the naturel behavior of the submit button allowing you to create a condition that check if one of your radio button is checked if yes then you make the rating div dissappear and pop up your thank you div !

In hope it helps !

Hello, I just want to add a little suggestion From your code I saw that you are using flex and 100vh, but you are using a style attribute that won't work place-content. Instead in the main body tag

body {
 display: flex;
 max-height: 100vh;
justify-content: center;
align-items: center;
}

Then for the list you can add a style attribute list-style-none Apart from those I think you did a good job