Faq Accordion page with bootstrap and js

Hi!

Good work, congrats =)

Here are a few tips.

It's better not to set height explicitly for the container. In real project the content could be change time to time, and you'll have to override it. So, it's more convenient to make its height responsive. The same thing about the body - use min-height instead of height.

The box-shadow property have a very wide browser support now, so you can omit vendor prefixes =)

You can reach every attribute of every tag with JS. That way you can change src of the image in your function. It'll allow you to get rid of extra img tag and a few css rules =)

const img = document.querySelector('img')
img.src = "newImage.jpg";

So, hope this helps, good luck =)