Submitted almost 2 years ago

FAQ Accordion Card with HTML, CSS, and JS w/ a lil bit of animations

Al Vincent Musa•280

@eeyvee-0x4d

Preview site View code

This is a solution for...FAQ accordion card

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

In this challenge:

Used grid layout
Lots of position: absolute
Used some animations
I forgot how to use JavaScript.

I did face some difficulties like:

I used max-height: 0 to hide the answers div but for some reason when adding padding to the div still shows when setting the div height to 0.

Community feedback

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord