Skip to content

FAQ accordion card

A nicely animated FAQ card component with interactive elements.

FAQ accordion card

This is a solution to the FAQ accordion card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

I solved this problem using HTML, Sass, and JavaScript. My main focus was on making the UX as smooth as possible, hence I added transitions to the details elements when expanding or hiding answers.

The challenge comes courtesy of Frontend Mentor, which I regularly use to sharpen my skills and play around with new technologies.