Yokke

Hello , I let you know what the e.prevendefault() method is !

Hello ,

Above all organize your files in separate folder it's more meaningful when we need to find something specific ( When I download your code I had to rewrite almost all img files path )

There is a more simple way to do what is ask on the challenge by using <details> and <summary> tag that have the effect that you need to toggle a question and her answer without js ! ( Javascript is not a requirement to use I learn that by asking on the website slack)

More informations here : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

Then on css you can specify what to do when a question is open by targeting the "open" attribute more details to here :

https://css-tricks.com/put-a-background-on-open-details-elements/

I'm just saying that but I think that If you are stuck on your code try to not check the code of others now just say where you're stuck and I think you'll get a better understanding and better answer on why it's not working ( This is how some people learned me ) .

I forgot in your js code you're trying to show all answer with the [i] index but you haven't loop through them so they are gonna be always undefined ! You could know that just by using a console.log(ans[i]) !

In hope it helps !

Hey @Shayinur,

Good job ,

People can't see your work because in your html file you haven't add a dot and slash to your css path files that why your css file doesn't work on live site just before your styles folder.

When you need to center an element like a div in your case you can used flexbox like you've done on your qr_code div then using the property justify-content : center , use align-items : center with min-height : 100vh to have your element center horizontaly and vertically.

It's very useful thing that someone learned me on one of my previous challenge.

You can learn more efficiently flexbox with this game if you liked this kind of learning :

https://flexboxfroggy.com/

Or you can check this sir it's seems that he is a kind of master in css so he can help you a lot on Youtube for flexbox , grid and more :

https://www.youtube.com/kepowob

In hope it helps !

Hey @Soltysnowicki ,

Good job .

It seems that on desktop your image is not correctly align when I open the live site I thought it was because my screen is too wide but even lower until 800 the image is going under the email input.

In hope it helps !

Hey @dumpdope1 ,

I looked your code and I'm just gonna give you a recommandation that someone else gived me there is a native tags on html that give the toggle state when a question is open and their names are <details> and <summary> more details here : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

I'm not gonna tell you what to do on the JS part I struggle too ( I've done the challenge twice with better result on the last try) I'm sure someone is gonna help you about that.

And when you need to make rotate an svg when a question is toggle with <details> use the attribute : [open] to do what you need on css you'll find more details too just by doing research on google .

I know it's little hard at the beginning but don't hesitate to restart the challenge again the time passed to done it is not important as long you finished what you start (at least this is what I'm thinking)

In hope it helps !