FAQ accordion card (Vanilla CSS)

What are you most proud of, and what would you do differently next time?

Features:

• Achieved perfect scores on PageSpeed Insights.🎉
• The code was formatted with Prettier.
• Close resemblance with the original design.

Built With:

• npm - prettier.

I used CSS for the functionality of the FAQ accordion opening and JavaScript for only changing the aria-expanded from false to true and vice versa.

What challenges did you encounter, and how did you overcome them?

Image positioning for mobile really tested me, but I was able to achieve it when I added margin to the top of the section housing the FAQ questions and absolutely positioned the image.