Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

#animation

@eeyvee-0x4d

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

Log in with GitHub
Discord logo

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