Design comparison
Solution retrospective
haha this is a mess
Community feedback
- @JexintePosted over 2 years ago
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 !
0 - @Onyekachukwu-NwekePosted over 2 years ago
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 tagbody { 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 job0
Please log in to post a comment
Log in with GitHubJoin 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