Responsive FAQ accordion using jQuery

Greetings Ren, your solution is really interesting and wonderful, however, it can be improved in the organization of files and folders, within your index.html file you should not do this:

<link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="./assets/images/favicon-32x32.png"
/>

better do this:

<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png"/>

Don't cut the lines, doing that is bad practice and messes up your code.

correct this bad practice in all the lines where it is repeated, upload your changes again to your gthub repo

In addition to that, I recommend learning Sass, it will help you create CSS styles ordered and by modules, this way you will not have a style sheet with more than 500 lines

Links:

1. Sass course in Spanish

2. Sass course in English

3. Sass official documentation

4. Example of how to work with sass, what you can do and have an idea of working with sass

happy code development

hi there! 👋👋

Instead of giving the image position: fixed set it as the background-image to the body element like this:

body {
background-image: url()
background-size: contain;
background-repeat: no-repeat;
}

just copy the img path into url() this should resolve the issue.

Hope this was helpful! 🙏

Good luck and happy coding! 💪