faq-accordion-card using html, sass, bootsrap and javascript

Hi

This would be really great if you

• made it keyboard interactive by using interactive elements for event listener items
• used js to add / remove classes instead of inline styles
• used css properties that can be transformed (display can't, but opacity, height etc can) which would allow you to add simple css animation effects
• tweaked the styles on mobile so you can always see the image at the top and all content, even when mobiles are small or viewed landscape
• changed body height to min-height
• either didn't absolutely position your footer attribution, or added enough padding to the bottom of the body to ensure that footer never overlaps the main page content.

I hope these tips are helpful, best of luck with it

nice work man!

one thing besides the tips of colleagues above is to add some easing when clicking in the arrow. Like arrow.element { transition: all 0.6s ease-in-out; }